@charset "UTF-8";

.pusher.static {
	position: static !important;
}

.pdp-page {
	margin-top: 24px;
}

.product-wrapper {
	/* display: flex; */
	margin-top: 40px;
	position: relative;
}

.content-left {
	width: 740px;
	display: inline-block;
	position: relative;
}

hr {
	height: 1px;
	background-color: #E0E0E3;
	border: none;
	margin-bottom: 16px;
	margin-top: 16px;
}

a, button {
	cursor: pointer;
}

.hidden {
	display: none !important;
}

.seperate-section {
	margin: 40px 0;
}

.seperate-section hr {
	height: 1px;
	background-color: #E0E0E3;
	border: none;
}

.prd-img {
	display: flex;
	height: 600px;
}

.prd-img .img-list-vertical {
	width: 124px;
	height: 600px;
	margin-right: 16px;
}

.prd-img .img-main {
	position: relative;
	width: 600px;
	height: 600px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.prd-img .img-main.discontinue>img {
	opacity: 0.2;
}

.prd-img .img-main .img-badge {
	position: absolute;
	top: 0;
	left: 0;
}

.prd-img .img-main .img-badge .top-label {
	padding: 4px 12px;
	border-radius: 9.84px 0px;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 2px;
	line-height: normal;
	color: #fff;
}

.prd-img .img-main .img-badge .top-label.orange {
	background-color: #FF9010;
}

.prd-img .img-main .img-badge .top-label.blue {
	background: #0065B2;
}

.prd-img .img-main .img-outofstock {
	position: absolute;
	top: 262.5px;
	left: 249.5px;
}

.prd-img .img-main .img-discontinue {
	position: absolute;
	top: 248.5px;
	left: 242px;
}

.prd-img .img-main .prd-wishlist {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	border: 2px solid #E0E0E3;
	border-radius: 30px;
}

.prd-img .img-main .prd-wishlist button {
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 24px;
	color: #99999C;
	padding: 10px 7px;
	background: var(--neutral-colors-white, #FFF);
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 30%;
	position: relative;
	background-image:
		url('https://static.homepro.co.th/assets/images/icon/wishlist_2.png')
		!important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: unset;
	border: unset;
	margin: 8px;
}

.prd-img .img-main .prd-wishlist button::before {
	position: absolute;
	top: 12px;
	left: calc(100% - 33px);
}

.prd-img .img-main .prd-wishlist button.red, .prd-img .img-main .prd-wishlist button.red:hover
	{
	background: var(--neutral-colors-white, #FFF) !important;
}

.prd-img .img-main .prd-wishlist button i {
	margin: 0;
}

.prd-img .img-main .image-index {
	max-width: 600px;
	max-height: 600px;
}

#swiper-emktspot-list {
	position: relative;
	height: 600px;
	overflow: hidden;
}

#swiper-emktspot-list .swiper-slide {
	width: 124px;
	height: 124px !important;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
}

#swiper-emktspot-list .swiper-slide .r-image img {
	border-radius: 10px;
}

#swiper-emktspot-list .swiper-button-prev {
	top: 25px;
	transform: rotate(90deg);
	left: 27%;
}

#swiper-emktspot-list .swiper-button-next {
	left: 27%;
	transform: rotate(90deg);
	top: auto;
	bottom: 0;
}

.swiper .swiper-button-prev, .swiper .swiper-button-next {
	width: 58px;
	height: 58px;
	background-color: #52525545;
	color: #ffff;
	border-radius: 30px;
}

.swiper .swiper-button-prev:after, .swiper .swiper-button-next:after {
	font-size: 30px;
}

.prd-share {
	margin: 24px 0;
	text-align: center;
}

.prd-share ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.prd-share ul span {
	display: inline-block;
	font-size: 16px;
	color: #525255;
	line-height: 45px;
	vertical-align: top;
	margin-right: 16px;
}

.prd-share ul li {
	display: inline-block;
	margin-right: 12px;
}

.promotion {
	margin-bottom: 24px;
}

.promotion .promotion-header {
	display: flex;
	width: 100%;
	font-size: 18px;
	justify-content: space-between;
	margin-bottom: 8px;
}

.promotion .promotion-header h3 {
	font-family: var(--fontFamily);
	font-size: 28px;
	color: #0065B2;
	font-weight: 700;
	margin-bottom: 5px;
}

.promotion .promotion-header .promotion-seemore {
	display: flex;
	padding-top: 8px;
}

.promotion .promotion-header .promotion-seemore a {
	font-size: 18px;
	font-weight: 600;
	color: #F79421;
	text-decoration: underline;
}

.promotion-item {
	margin-bottom: 20px;
	border-bottom: 1px dashed var(--neutral-colors-gray-500);
	padding-bottom: 24px;
}

.promotion-item:last-child {
	margin-bottom: 20px;
	border-bottom: none;
	padding-bottom: 24px;
}

.promotion-bundle .promotion-detail {
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	background: var(--neutral-colors-white, #FFF);
	margin-bottom: 16px;
}

.promotion-bundle .promotion-detail.hidden {
	display: none;
}

.promotion-bundle .promotion-detail:last-child {
	margin-bottom: unset;
}

.promotion-bundle .promotion-detail .promotion-total {
	display: flex;
	width: 136px;
	padding: 16px 12px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	flex-shrink: 0;
	align-self: stretch;
	background: var(--neutral-colors-gray-100, #F9F9FC);
	border-radius: 10px;
}

.promotion-bundle .promotion-detail .promotion-total .price {
	font-size: 22px;
	font-weight: 700;
	color: #DA3731;
	margin-bottom: 8px;
}

.promotion-bundle .promotion-detail .promotion-total button {
	padding: 9px 12px 10px 12px;
	background-color: #fff;
	font-weight: 600;
	color: #525255;
	border-radius: 10px;
	border: 0.5px solid #B4B4B7;
}

.promotion-bundle .promotion-detail {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}

.promotion-bundle .promotion-wrap {
	display: flex;
	flex-direction: row;
	align-content: center;
	max-width: 602px;
	box-sizing: border-box;
	justify-content: flex-start;
	flex: 1;
	gap: 8px;
	padding: 8px 0;
	overflow: auto;
}

.promotion-bundle .promotion-detail .promotion-prd {
	width: 280px;
	padding: 8px;
	border: 0px;
}

.promotion-bundle .plus-wrap {
	font-size: 18px;
	display: flex;
	align-items: center;
}

.promotion-bundle .sp-price>span {
	color: var(--secondary-color-red-500, #DA3731);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.promotion-bundle .sp-price .line-through {
	color: var(--neutral-colors-gray-600);
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: line-through;
	text-transform: uppercase;
}

.promotion-bundle .promotion-detail .promotion-total button {
	width: 100%;
	margin-top: 8px;
	cursor: pointer;
}

.promotion-redeem .checkbox-wrapper {
	position: absolute;
	top: 1px;
	left: 1px;
}

.promotion-group ul {
	margin: 0;
}

.promotion-group ul li {
	list-style-image:
		url('https://static.homepro.co.th/mkp/images/list-price-tag.svg');
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.promotion-group ul li b {
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.promotion-group ul li b.red {
	color: var(--secondary-color-red-500, #DA3731);
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.promotion-group .customergroup-remark {
	color: var(--secondary-color-red-500, #DA3731);
	font-family: Prompt;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	margin-bottom: 14px;
}

.tab-wrap {
	padding: 24px 16px 16px 16px;
	margin-bottom: 24px;
	border-radius: 10px;
	border: 1px solid #E0E0E3;
}

.tab-wrap .ui.tabular.menu .item {
	padding: 0.92857143em 0em;
	margin-right: 24px;
	font-size: 16px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

.tab-wrap .ui.tabular.menu .active.item {
	color: #0065B2;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 2px solid #0065B2;
}

.tab-wrap .ui.attached.segment:not(.basic) {
	border: 0;
}

.tab-wrap .ui.segment {
	padding: 1em 0;
	font-size: 18px;
	line-height: normal;
	overflow-x: auto;
}

.seller-info {
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
	border: 1px solid #E0E0E3;
	padding: 24px 16px;
	margin-bottom: 24px;
}

.seller-info .seller-detail {
	display: flex;
	align-items: center;
}

.seller-info .seller-detail .img {
	width: 56px;
	height: 56px;
	margin-right: 12px;
	border-radius: 30px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	overflow: hidden;
	display: flex;
}

.seller-info .seller-detail .img a {
	width: 100%;
	height: 100%;
}

.seller-info .seller-detail .img .logo {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

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

.seller-info .seller-detail .name .bottom {
	margin-top: 5px;
	font-size: 12px;
	color: #99999C;
}

.seller-info .seller-detail .name .bottom span {
	display: inline-block;
}

.seller-info .seller-detail .name .bottom .first {
	position: relative;
	padding-right: 7px;
	margin-right: 7px;
}

.seller-info .seller-detail .name .bottom .first:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #F1F1F4;
	top: 0;
	right: 0;
}

.seller-info .seller-detail .score {
	display: flex;
	margin-left: 15px;
	text-align: center;
}

.seller-info .seller-detail .score>div {
	margin: 0 8px;
}

.seller-info .seller-detail .score .star {
	color: #FFCA0D;
}

.seller-info .seller-detail .score .top {
	font-size: 12px;
	color: #99999C;
}

.seller-info .seller-detail .score .bottom {
	font-size: 14px;
	color: #525255;
}

.seller-info .seller-detail .score .center {
	position: relative;
}

.seller-info .seller-detail .score .center:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 47px;
	background-color: #F1F1F4;
	top: 0;
	left: -8px;
}

.seller-info .seller-detail .score .center:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 47px;
	background-color: #F1F1F4;
	top: 0;
	right: -8px;
}

.seller-info .seller-button a {
	display: inline-block;
	width: 126px;
	height: 40px;
	padding: 9px 16px 10px 16px;
	text-align: center;
	border-radius: 10px;
}

.seller-info .seller-button .shop-btn {
	margin-bottom: 8px;
}

.seller-info .seller-button .shop-btn a {
	background-color: #0065B2;
	color: #fff;
}

.seller-info .seller-button .follow-btn a {
	border: 1.5px solid #99999C;
	color: #525255;
}

.ui.ui.progress .bar, .ui.active.progress .bar::after {
	-webkit-animation: none;
	animation: none;
}

.review-wrap .review-head .head {
	font-size: 28px;
	font-weight: 700;
	color: #0065B2;
	margin-bottom: 24px;
}

.review-wrap .review-summarize {
	display: flex;
	margin-bottom: 24px;
}

.review-summarize .review-avg-score {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 45%;
	padding: 0px 40px;
}

.review-summarize .review-avg-score .big-score {
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.review-summarize .review-avg-score .big-score #avg-rating {
	color: #525255;
}

.review-summarize .review-avg-score .big-score span {
	color: #99999C;
}

.review-summarize .review-rating-star {
	width: 55%;
	padding: 0px 40px;
}

.review-summarize .review-rating-star .star-line {
	display: flex;
	margin-bottom: 12px;
}

.review-summarize .review-rating-star .star-line .score {
	width: 12px;
	font-size: 18px;
	font-weight: 700;
	color: #525255;
	margin-right: 4px;
}

.review-summarize .review-rating-star .star-line .rating-star-list {
	margin-top: 2px;
}

.review-summarize .review-rating-star .star-line .progress {
	width: 166px;
	margin: 0 16px;
	margin-top: 5px;
	height: 8px;
}

.review-summarize .review-rating-star .star-line .ui.tiny.progress .bar
	{
	height: 8px;
	background: #F79421;
}

.review-summarize .review-rating-star .star-line .review-number {
	font-size: 16px;
	color: #525255;
}

.review-tools {
	display: flex;
	margin-bottom: 16px;
}

.review-tools .review-total {
	width: 50%;
	font-size: 16px;
	color: #99999C;
}

.review-tools .review-total span {
	color: #525255;
}

.review-tools .review-sort {
	width: 50%;
	text-align: right;
}

.review-tools .review-sort .ui.dropdown {
	padding: 10px 16px 11px 16px;
	border: 1.5px solid #99999C;
	border-radius: 10px;
}

.review-tools .review-sort .ui.dropdown .menu {
	width: 236px;
	padding: 10px 0;
	border-radius: 12px;
}

.review-tools .review-sort .ui.dropdown .menu>.item {
	height: 38px;
	padding-left: 24px;
	padding-right: 24px;
	margin-bottom: 8px;
}

.review-tools .review-sort .ui.dropdown .menu>.item:hover {
	font-weight: 600;
	color: var(--primary-colors-blue, #0065B2);
	background: var(--primary-color-deep-blue-100, #EEF7FF);
}

.review-comment {
	padding: 16px;
	border: 1px solid #E0E0E3;
	border-radius: 8px;
	margin-bottom: 16px;
}

.review-comment .head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.review-comment .head .left {
	display: flex;
}

.review-comment .head .left .img {
	margin-right: 16px;
}

.review-comment .head .left .name {
	font-size: 16px;
	color: #525255;
}

.review-comment .head .left .name .top {
	margin-bottom: 10px;
}

.review-comment .head .right .date {
	font-size: 14px;
	color: #88888C;
}

.review-comment .image-list {
	margin-bottom: 16px;
}

.review-comment .image-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.review-comment .image-list ul li {
	display: inline-block;
	margin-right: 10px;
}

.review-comment .image-list ul li img {
	width: 56px;
	height: 56px;
	border-radius: 10px;
	object-fit: cover;
	cursor: zoom-in;
	margin-right: 1px;
}

.review-comment .label-list {
	margin-bottom: 16px;
}

.review-comment .label-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.review-comment .label-list ul li {
	display: inline-block;
	margin-right: 10px;
}

.review-comment .label-list ul li label {
	display: inline-block;
	padding: 4px 8px;
	font-size: 14px;
	font-weight: 400;
	color: #525255;
	border: 1px solid #E8E8EB;
	border-radius: 8px;
}

.review-comment .comment {
	font-size: 18px;
	color: #525255;
	line-height: normal;
}

.review-comment .update-comment {
	position: relative;
	margin-left: 34px;
	padding: 16px;
	background-color: #F9F9FC;
	border-radius: 10px;
	margin-top: 16px;
}

.review-comment .update-comment:before {
	content: "";
	position: absolute;
	top: 0;
	left: -34px;
	display: block;
	width: 24px;
	height: 24px;
	background-image:
		url("https://static.homepro.co.th/mkp/images/arrow-new-comment.svg")
}

.review-pagination-wrap {
	text-align: center;
	font-size: 18px;
	margin-top: 24px;
}

.review-pagination-wrap a {
	display: inline-block;
	padding: 7px 15px 6px 14px;
	color: #525255;
	border-radius: 10px;
}

.review-pagination-wrap a.active {
	background-color: #0065B2;
	color: #fff;
}

.content-right {
	width: 517px;
	margin-left: 16px;
	display: inline-block;
	vertical-align: top;
}

.prd-detail-right {
	padding: 16px;
	border: 1px solid #E0E0E3;
	border-radius: 10px;
	position: relative;
}

.prd-detail-right.fixed {
	position: fixed;
	top: 85px;
	width: 523px;
	background-color: #fff;
}

.prd-detail-right .flash-sale {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
	padding: 8px 16px;
	background-color: #FFF3E5;
	border: 1px solid #F79421;
	border-radius: 10px;
}

.prd-detail-right .flash-sale .right {
	display: flex;
	align-items: center;
}

.prd-detail-right .flash-sale .right span {
	display: inline-block;
	margin-right: 16px;
	text-align: right;
}

.prd-detail-right .flash-sale .right .flashsale-cd {
	display: flex;
	gap: 10px;
}

.prd-detail-right .flash-sale .right .flashsale-cd div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 36px;
	border-radius: 8px;
	background: var(--orange-02, #F79421);
	color: var(--primary-white, #FFF);
	font-size: 15.391px;
}

.prd-detail-right .flash-sale .right .flashsale-cd div:nth-child(1)::after,
	.prd-detail-right .flash-sale .right .flashsale-cd div:nth-child(2)::after
	{
	content: ':';
	position: absolute;
	right: -13px;
	top: 7px;
	bottom: 0;
	width: 10px;
	height: 35px;
	color: #666666;
	font-size: 26px;
}

.prd-detail-right .prd-detail-top {
	margin-bottom: 16px;
}

.prd-detail-right .prd-detail-top .prd-sku a {
	color: var(--neutral-colors-gray-700);
}
.prd-detail-right .prd-detail-top .prd-brand a {
	color: var(--neutral-colors-gray-700);
}

.prd-detail-right .prd-detail-top a:hover {
	color: var(--primary-colors-orange-700);
	text-decoration: none;
}

.prd-detail-right .prd-detail-top .prd-brand {
	font-size: 14px;
	color: var(--neutral-colors-gray-700, #99999C);
}

.prd-detail-right .prd-detail-top .prd-name h1 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
	line-height: normal;
}

.prd-detail-right .prd-detail-top .prd-sku {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 5px;
	font-size: 16px;
	color: var(--neutral-colors-gray-700, #99999C);
}

.prd-detail-right .prd-detail-top .prd-sku span {
	display: inline-block;
	margin-left: 16px;
}

.prd-detail-right .prd-detail-top .prd-sku .prd-sale-by {
	margin-top: 3px;
}

.prd-detail-right .prd-detail-top .prd-review {
	font-size: 12px;
	color: var(--neutral-colors-gray-600);
	display: flex;
}

.prd-detail-right .prd-detail-top .prd-review div, .prd-detail-right .prd-detail-top .prd-review span
	{
	cursor: pointer;
}

.prd-detail-right .prd-detail-top .prd-review div+span {
	margin-left: 5px;
}

.prd-detail-right .prd-badge {
	margin-top: 16px;
	margin-bottom: 16px
}

.ui.progress .bar {
	min-width: unset !important;
}

.review-pagination {
	display: inline-block;
}

.review-pagination a {
	cursor: pointer;
}

.prd-detail-right .prd-badge .ui.horizontal.label {
	font-size: 16px;
	font-weight: 600;
}

.prd-detail-right .prd-badge .ui.ui.ui.blue.label {
	background-color: var(--primary-color-deep-blue-100);
	color: var(--primary-color-deep-blue-800);
	border: 1px solid var(--neutral-colors-gray-400);
	padding: 10px 20px;
}

.prd-detail-right .prd-badge .ui.ui.ui.orange.label {
	background-color: #FFF3E5;
	color: #F79421;
}

.prd-detail-right .prd-badge .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;
}

.prd-detail-right .prd-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;
}

.prd-detail-right .prd-price {
	margin-bottom: 16px
}

.prd-detail-right .prd-price .prd-sold {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-price .homecard-price-title {
	margin-top: 20px;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-price .product-price-container .normal-price {
	margin-bottom: 4px;
	color: #525255;
}

.prd-detail-right .prd-price .product-price-container .homecard-price {
	margin-bottom: 4px;
	color: var(--secondary-color-red-500);
	font-size: 26px !important;
	font-weight: 700;
}

.homecard-price .product-unit {
	color: var(--neutral-colors-gray-800);
}

.prd-detail-right .prd-price .product-price-container .savemore-discount
	{
	color: #F79421;
}

.prd-detail-right .prd-price .product-price-container .normal-price>.currency-container:nth-child(1)
	{
	position: relative;
	margin-bottom: 8px;
	font-size: 28px;
	font-weight: 700;
	/* color: #bbb; */
}

.prd-detail-right .prd-price .product-price-container .discount-price {
	margin-bottom: 4px;
}

.prd-detail-right .prd-price .product-price-container .discount-price>.currency-container:nth-child(1)
	{
	position: relative;
	margin-bottom: 8px;
	font-size: 28px;
	font-weight: 700;
	color: var(--secondary-color-red-500);
}

.prd-detail-right .prd-price .product-price-container .discount-price span.online-discount
	{
	font-size: 14px;
	font-weight: 400;
	color: #525255;
	vertical-align: middle;
}

.prd-detail-right .prd-price .original-price {
	font-size: 16px;
	color: #666;
	text-decoration: line-through;
	margin-bottom: 8px;
	line-height: 22px;
}

.prd-detail-right .prd-price .original-price span.discount-total {
	position: relative;
	display: inline-block;
	text-decoration: none;
	background-color: #da3731;
	width: auto;
	height: 22px;
	font-size: 12px;
	color: #fff;
	padding: 0px 7px;
	margin-left: 7px;
	border-radius: 4px;
}

.prd-detail-right .prd-price .discount-total span:before {
	content: "";
	position: absolute;
	left: -3px;
	top: 7px;
	display: block;
	width: 3px;
	height: 5px;
	background-image:
		url("https://static.homepro.co.th/mkp/images/discount-pointing-tip.svg");
	background-repeat: no-repeat;
}

.prd-detail-right .prd-price .prd-offer ul {
	padding-left: 20px;
}

.prd-detail-right .prd-price .scale-price {
	color: #0065b2;
	font-weight: 600;
	font-size: 28px;
}

.prd-detail-right .prd-installment {
	margin-bottom: 16px;
	border-radius: 8px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
}

.prd-detail-right .prd-installment .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
	font-size: 16px;
}

.prd-detail-right .prd-installment .desc {
	/* padding-left: 85px; */
	font-size: 14px;
	color: var(--neutral-colors-gray-800);
	margin: 0;
}

.prd-detail-right .prd-installment .left img {
	vertical-align: middle;
	width: 40px;
	margin-right: 8px;
}

.prd-detail-right .prd-installment .right a {
	font-weight: 600;
	color: #F79421;
	text-decoration: underline;
}

.prd-detail-right .prd-discount-code {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
}

.prd-detail-right .prd-discount-code ul {
	display: inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.prd-detail-right .prd-discount-code ul li {
	position: relative;
	display: inline-block;
	height: 24px;
	padding-right: 5px;
	padding-left: 2px;
	padding-top: 2px;
	margin-left: 7px;
	margin-right: 8px;
	background: var(--primary-colors-orange-400, #FF9010);
	font-size: 12px;
	color: #fff;
	border-radius: 0 4px 4px 0;
}

.prd-detail-right .prd-discount-code ul li:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: -7px;
	width: 7px;
	height: 24px;
	background-image:
		url("https://static.homepro.co.th/mkp/images/code.png");
	background-repeat: no-repeat;
}

/* SBC : Tradein */
.prd-detail-right .prd-ecosystem {
	margin-bottom: 16px;
	font-size: 16px;
	border-radius: 8px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	display: flex;
	flex-direction: column;
	align-items: normal;
}

.prd-detail-right .prd-ecosystem .row-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
}

.prd-detail-right .prd-ecosystem .row-flex .hc-only {
	color: var(--secondary-color-red-500);
	padding-left: 53px;
	padding-top: 12px;
}

.prd-detail-right .prd-ecosystem .left img {
	width: 40px;
	margin-right: 8px;
}

.prd-detail-right .prd-ecosystem .row {
	padding: 8px 16px 16px 66px;
}

.prd-detail-right .prd-ecosystem .row div {
	padding-top: 8px;
}

.prd-detail-right .prd-ecosystem .left div {
	display: inline-block;
	vertical-align: top;
}

.prd-detail-right .prd-ecosystem .right a {
	display: inline-block;
	padding: 10px 16px 11px 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--neutral-colors-gray-800, #525255);
	border: 1.5px solid var(--neutral-colors-gray-700, #99999C);
	border-radius: 10px;
	white-space: nowrap;
}

.prd-detail-right .prd-ecosystem .right a.disabled {
	background-color: var(--neutral-colors-gray-200);
	opacity: 0.5;
}

.prd-detail-right .prd-ecosystem .right a.disabled:hover {
	background-color: var(--neutral-colors-gray-200);
	opacity: 0.5;
}

.prd-detail-right .prd-ecosystem .right a:hover {
	background-color: var(--primary-color-deep-blue-100);
}
.prd-detail-right .prd-ecosystem .left .tradein-small-content {
	width: 80%;
}
/* EBC : Tradein */
.prd-detail-right .prd-detail-intro {
	font-size: 14px;
	color: var(--neutral-colors-gray-800, #525255);
	line-height: normal;
}

.prd-detail-right .prd-detail-intro ul {
	padding-left: 20px;
}

.prd-detail-right .prd-detail-intro .prd-detail-remark {
	margin-bottom: 16px;
	font-size: 14px;
	color: #FF0000;
}

.prd-detail-right .prd-calculator {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	justify-content: space-between;
}

.prd-detail-right .prd-calculator a {
	display: block;
	width: 236px;
	padding: 10px 16px 11px 16px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
	border: 1.5px solid var(--neutral-colors-gray-700, #99999C);
	border-radius: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prd-detail-right .prd-calculator button {
	display: block;
	width: 236px;
	height: 43px;
	padding: 10px 16px 11px 16px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	background-color: #ffffff;
	color: var(--neutral-colors-gray-800, #525255);
	border: 1.5px solid var(--neutral-colors-gray-700, #99999C);
	border-radius: 10px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prd-detail-right .prd-option-size .head {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-option-size .grouping-list {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.prd-detail-right .prd-option-size .grouping-list>div {
	padding: 9px 16px;
	font-size: 12px;
	text-align: center;
	border-radius: 8px;
	border: 1px solid var(--neutral-colors-gray-700, #99999C);
	cursor: pointer;
}

.prd-detail-right .prd-option-size .grouping-list>div.selected {
	color: var(--primary-colors-blue, #0065B2);
	border: 1px solid var(--primary-colors-blue, #0065B2);
}

.prd-detail-right .prd-option-color .head {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-option-color .grouping-list {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.prd-detail-right .prd-option-color .grouping-list>div {
	position: relative;
	cursor: pointer;
}

.prd-detail-right .prd-option-color .grouping-list>div.selected:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 20.862px;
	height: 20.862px;
	background-image:
		url('https://static.homepro.co.th/mkp/images/check.svg');
	background-repeat: no-repeat;
}

.prd-detail-right .prd-option-series .head {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-option-series .grouping-list {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.prd-detail-right .prd-option-series .grouping-list .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}

.prd-detail-right .prd-option-series .grouping-list .item img {
	width: 80px;
	height: 80px;
}

.prd-detail-right .prd-option-series .grouping-list .item div {
	font-size: 12px;
	color: var(--neutral-colors-gray-700, #99999C);
	margin-top: 3px;
}

.prd-detail-right .prd-option-series .grouping-list .item.selected div {
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-option-series .grouping-list .item.disabled {
	position: relative;
	opacity: .5;
}

.prd-detail-right .prd-option-series .grouping-list .item.disabled:before
	{
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 80px;
	background-color: #E0E0E3;
	transform: rotate(-45deg);
}

.prd-detail-right .prd-add-service {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .prd-add-service .head {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
}

.prd-add-service .field {
	gap: 10px;
}

.ui.accordion .accordion>.title, .ui.accordion.menu .item>.title, .ui.accordion>.title
	{
	padding: unset;
	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.accordion:not(.styled) .accordion .title ~.content, .ui.accordion:not(.styled) .title
	 ~.content {
	padding: 0 0 0;
}

.prd-detail-right .prd-add-service .head .left {
	font-weight: 700;
}

.prd-detail-right .prd-add-service .detail {
	font-size: 16px;
}

.prd-detail-right .prd-add-service .detail .ui input:checked+label {
	color: var(--primary-colors-blue, #0065B2);
	font-weight: 600;
}

.prd-detail-right .prd-add-service .detail .ui.form {
	/* margin-left: 30px; */
	margin-top: 16px;
}

.prd-detail-right .prd-add-service .detail .ui.form label {
	font-size: 16px;
}

.prd-detail-right .prd-add-service .detail .ui img {
	vertical-align: middle;
}

.prd-detail-right .prd-homecard {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .prd-homecard .head {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
}

.prd-detail-right .head.active .angle.down.icon {
	transform: rotate(180deg);
}

.prd-detail-right .prd-homecard .head .left, .prd-detail-right .prd-homecard .head .right
	{
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	gap: 8px;
}

.prd-detail-right .prd-homecard .detail {
	padding-top: 10px !important;
	font-size: 16px;
	line-height: normal;
}

.prd-detail-right .prd-quantity {
	display: flex;
	font-size: 16px;
	line-height: 40px;
	color: #99999C;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.prd-detail-right .prd-quantity b {
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-quantity span {
	display: inline-block;
	color: #525255;
	margin: 0 5px;
}

.prd-detail-right .quantity-tools {
	display: flex;
	margin: 0 16px;
}

.prd-detail-right .quantity-tools button {
	width: 40px;
	height: 40px;
	padding: 10px;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid var(--neutral-colors-gray-700, #99999C);
	border-radius: 10px;
}

.prd-detail-right .quantity-tools input {
	width: 58px;
	padding: 0px 8px;
	font-size: 18px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
	text-align: center;
	border: 0;
}

.prd-detail-right .prd-addtocart {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
	justify-content: space-evenly;
}

.prd-detail-right .prd-addtocart>a, .prd-detail-right .prd-addtocart>button
	{
	border-radius: 10px;
	display: flex;
	padding: 11px 16px 12px 16px;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	width: 236px;
	height: 56px;
	margin: 0;
	cursor: pointer;
	flex: 1;
}

.prd-detail-right .prd-addtocart>.btn-addtocart {
	color: var(--neutral-colors-white);
	background: var(--primary-color-deep-blue-800);
	border: unset;
}

.prd-detail-right .prd-addtocart>.btn-addtocart:hover {
	color: var(--neutral-colors-white);
	background: var(--primary-color-deep-blue-700);
	border: unset;
}

.prd-detail-right .prd-addtocart>.btn-installment {
	color: var(--neutral-colors-gray-800, #525255);
	border: 1.5px solid var(--neutral-colors-gray-700, #99999C);
	background-color: var(--neutral-colors-white);
}

.prd-detail-right .prd-addtocart>.btn-installment:hover {
	background-color: var(--neutral-colors-gray-100);
}

.prd-detail-right .prd-return {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .prd-return>div {
	position: relative;
	font-size: 16px;
	padding-left: 23px;
	color: var(--neutral-colors-gray-700, #99999C);
	line-height: normal;
}

.prd-detail-right .prd-return b {
	font-size: 18px;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-return>div img {
	position: absolute;
	top: 6px;
	left: 0;
}

.prd-detail-right .prd-preorder {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .prd-preorder>div {
	position: relative;
	font-size: 16px;
	padding-left: 23px;
	color: var(--neutral-colors-gray-700, #99999C);
	line-height: normal;
}

.prd-detail-right .prd-preorder b {
	font-size: 18px;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-preorder>div img {
	position: absolute;
	top: 6px;
	left: 0;
}

.prd-detail-right .prd-gift {
	padding: 16px;
	margin-bottom: 16px;
	font-size: 18px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .prd-gift .detail {
	margin-bottom: 8px;
}

.prd-detail-right .prd-gift .detail .left, .prd-detail-right .prd-gift .detail .right
	{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.prd-detail-right .prd-gift .detail .left img {
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-color-600, #D4D2E3);
	width: 48px;
	height: 48px;
	object-fit: fill;
}

.prd-detail-right .prd-gift .detail .right {
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.prd-detail-right .prd-gift .head {
	color: var(--neutral-colors-gray-800, #525255);
	vertical-align: top;
	margin-bottom: 8px;
}

.prd-detail-right .prd-gift .detail {
	display: flex;
	gap: 8px;
}

.prd-detail-right .prd-gift .detail .left {
	width: 48px;
	height: 48px;
}

.prd-detail-right .prd-gift .detail .right {
	width: 398px;
}

.prd-detail-right .prd-gift .detail .freegift-remark {
	font-size: 14px;
	color: var(--neutral-colors-gray-800, #525255);
	opacity: 0.8;
}

.prd-detail-right .prd-collect {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .prd-collect .head {
	font-size: 18px;
	margin-bottom: 8px;
}

.prd-detail-right .prd-collect .detail {
	display: flex;
	gap: 8px;
	line-height: normal;
}

.prd-detail-right .prd-collect .detail .right {
	width: 415px;
}

.prd-detail-right .prd-collect .detail .right b {
	font-size: 16px;
	color: var(--neutral-colors-gray-800, #525255);
}
.prd-detail-right .prd-collect .detail .right b:hover {
	cursor: pointer;
}

.prd-detail-right .prd-collect .detail .right small {
	font-size: 14px;
	color: var(--neutral-colors-gray-700, #99999C);
}

.prd-detail-right .prd-collect .detail .right label {
	display: inline-block;
	margin-top: 3px;
	padding: 4px 8px;
	font-size: 12px;
	color: var(--neutral-colors-gray-800, #525255);
	background: var(--neutral-colors-gray-100, #F9F9FC);
	border-radius: 4px;
}

.prd-detail-right .prd-collect .detail .right {
	color: var(--neutral-colors-gray-700, #99999C);
}

.prd-detail-right .prd-collect .postcode {
	cursor: pointer;
}

.prd-detail-right .pdp-outofstock {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .pdp-outofstock .head {
	font-size: 18px;
	margin-bottom: 8px;
}

.prd-detail-right .pdp-outofstock .head svg {
	vertical-align: bottom;
}

.prd-detail-right .pdp-outofstock .detail {
	font-size: 16px;
	color: var(--neutral-colors-gray-700, #99999C);
}

.prd-detail-right .pdp-outofstock .detail .email-outofstock {
	margin-top: 8px;
}

.prd-detail-right .pdp-outofstock .detail .email-outofstock input {
	width: 300px;
	height: 48px;
	padding: 11px 16px;
	font-size: 18px;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-700, #88888C);
}

.prd-detail-right .pdp-outofstock .detail .email-outofstock button {
	width: 120px;
	height: 48px;
	padding: 10px 16px 11px 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--White, #FFF);
	border: 0;
	border-radius: 10px;
	background: var(--primary-colors-primary-color-deep-blue-600, #0065B2);
}

.prd-detail-right .prd-stockonorder {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
	color: var(--neutral-colors-gray-800, #525255);
}

.prd-detail-right .prd-stockonorder .head {
	font-size: 18px;
	margin-bottom: 8px;
}

.prd-detail-right .prd-stockonorder .detail {
	display: flex;
	gap: 8px;
	line-height: normal;
}

.prd-detail-right .prd-stockonorder .detail .right {
	width: 415px;
	font-size: 16px;
	color: var(--neutral-colors-gray-700, #99999C);
}

.prd-detail-right .prd-stockonorder .detail .left img {
	height: 18px;
}

.prd-detail-right .pdp-discontinue {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	border-radius: 10px;
}

.prd-detail-right .pdp-discontinue .head {
	font-size: 18px;
	margin-bottom: 8px;
}

.prd-detail-right .pdp-discontinue .head svg {
	vertical-align: bottom;
}

.prd-detail-right .pdp-discontinue .detail {
	margin-top: 8px;
}

.prd-detail-right .pdp-discontinue .product-card-mkp-s4 {
	width: 100%;
	margin-top: 8px;
}

.prd-detail-right .pdp-discontinue .product-card-mkp-s4 .detail .name {
	max-width: 100%;
}

/* flyout */
.pickup-method.ui.left.flyout, .pickup-method.ui.right.flyout {
	width: 434px;
	padding: 16px 40px;
}

.pickup-method .head {
	font-size: 22px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
	margin-bottom: 16px;
}

.pickup-method .ui.attached.tabular.menu {
	display: flex;
	gap: 11px;
	border-bottom: 0;
}

.pickup-method .ui.tabular.menu .item {
	flex-direction: column;
	justify-content: center;
	width: 170px;
	height: 94px;
	padding: 0;
	margin-bottom: 16px;
	text-align: center;
	background: var(--neutral-colors-gray-100, #F9F9FC);
	border: 1px solid transparent;
	border-radius: 10px !important;
}

.pickup-method .ui.tabular.menu .item img.active {
	display: none;
}

.pickup-method .ui.tabular.menu .active.item {
	color: var(--primary-colors-blue, #0065B2);
}

.pickup-method .ui.tabular.menu .active.item img.active {
	display: block;
}

.pickup-method .ui.tabular.menu .active.item img.default {
	display: none;
}

.pickup-method .ui.tabular.menu .item div {
	font-size: 16px;
	margin-top: 10px;
}

.pickup-method .ui.attached.segment:not(.basic) {
	border: none;
}

.pickup-method .ui.tab .search-branch-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}

.pickup-method .ui.tab .search-branch-title .left {
	font-size: 18px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
}

.pickup-method .ui.tab .search-branch-title .right, .pickup-method .ui.tab .search-branch-title .right a
	{
	font-size: 14px;
	color: var(--primary-colors-orange, #F79421);
}

.pickup-method .ui.tab .search-branch-title .right a {
	text-decoration-line: underline;
}

.pickup-method .branch-search form {
	position: relative;
	margin-bottom: 16px;
}

.pickup-method .branch-search label {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 400;
}

.pickup-method .branch-search input {
	width: 100%;
	height: 48px;
	padding: 16px 48px 16px 48px;
	font-size: 18px;
	background-image:
		url("https://static.homepro.co.th/mkp/images/Mark.svg");
	background-repeat: no-repeat;
	background-position: 16px center;
	border: 1px solid var(--neutral-colors-gray-700, #99999C);
	border-radius: 10px;
}

.pickup-method .branch-search button {
	background: transparent;
	border: none;
	position: absolute;
	top: 38px;
	right: 16px;
}

.pickup-method .branch-result {
	padding: 24px 16px;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	margin-bottom: 16px;
}

.pickup-method .branch-result .title {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
}

.pickup-method .branch-result .branch-item {
	position: relative;
	padding: 0 40px;
	line-height: normal;
}

.pickup-method .branch-result .branch-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url("https://static.homepro.co.th/mkp/images/pin.svg");
	background-repeat: no-repeat;
}

.pickup-method .branch-result .branch-item .branch-wishlist {
	position: absolute;
	top: 0;
	right: 0;
}

.pickup-method .branch-result .branch-item label {
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-color-deep-blue-600, #0065B2);
}

.pickup-method .branch-result .branch-item b {
	font-weight: 600;
	color: var(--primary-colors-orange-400, #F68808);
}

.pickup-method .branch-result .branch-item a.branch-select {
	display: block;
	padding: 11px 16px 12px 16px;
	margin-top: 16px;
	font-size: 18px;
	font-weight: 700;
	color: var(--neutral-colors-white, #FFF);
	text-align: center;
	background: var(--primary-color-deep-blue-800, #0065B2);
	border-radius: 10px;
}

.pickup-method .branch-result .branch-result-scroll {
	max-height: 450px;
	overflow: auto;
}

.pickup-method .branch-show-select label {
	font-size: 18px;
	font-weight: 700;
	color: var(--primary-colors-blue, #0065B2);
}

/*  */
.zoomWindow {
	border: 1px solid #DEDEDF !important;
}

/* ------- PDP Video ------- */
.la-play-circle.product-video-play-large {
	position: absolute;
	top: calc(50% - 5rem);
	right: calc(50% - 5rem);
	font-size: 10rem;
	color: #FFF;
	text-shadow: 0 0 0px rgb(81 83 86/ 50%), 0 0 10px rgb(81 83 86/ 50%);
	cursor: pointer;
	z-index: 1000;
}

.la-play-circle.product-video-play-large:hover {
	text-shadow: 0 0 0px rgb(81 83 86/ 50%), 0 0 15px rgb(81, 83, 86);
}

.la-play-circle.product-video-play-small {
	position: absolute;
	top: calc(50% - 2rem);
	right: calc(50% - 2rem);
	font-size: 4rem;
	color: #FFF;
	text-shadow: 0 0 0px rgb(81 83 86/ 50%), 0 0 10px rgb(81 83 86/ 50%);
}

#product-video-player-modal {
	padding: 2rem;
}

#product-video-player-modal .times.icon {
	font-size: 18px;
	position: absolute;
	top: 8px;
	right: 2px;
	cursor: pointer;
	color: #000;
}

.ui.flyout.pickup-method {
	z-index: 1000;
}

/* --------------- Item Review Viewbox ------------ */
.viewbox-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9999;
}

.viewbox-body {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: auto;
	padding: 16px;
}

.viewbox-header {
	padding: 10px 0 0;
	margin: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.viewbox-content {
	margin: 10px;
	width: 300px;
	height: 300px;
}

.viewbox-footer {
	padding: 0 0 10px;
	margin: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.viewbox-content .viewbox-image {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.viewbox-button-default {
	cursor: pointer;
	height: 64px;
	width: 64px;
}

.viewbox-button-default>svg {
	width: 100%;
	height: 100%;
	background: inherit;
	fill: inherit;
	pointer-events: none;
	transform: translateX(0px);
}

.viewbox-button-default {
	fill: #999;
}

.viewbox-button-default:hover {
	fill: #fff;
}

.viewbox-button-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	background-color: #52525545;
	color: #ffff;
	height: 60px;
	width: 60px;
	border-radius: 30px;
	overflow: hidden;
}

.viewbox-button-full-screen {
	position: absolute;
	top: 84px;
	right: 10px;
	z-index: 9;
}

.viewbox-button-next, .viewbox-button-prev {
	position: absolute;
	top: 50%;
	height: 60px;
	width: 60px;
	margin: -64px 0 0;
	z-index: 9;
	background-color: #52525545;
	color: #ffff;
	border-radius: 30px;
	overflow: hidden;
}

.viewbox-button-next {
	right: 10px;
}

.viewbox-button-prev {
	left: 10px;
}

@media ( max-width : 480px) {
	.viewbox-button-close {
		top: 0;
		right: 0;
	}
	.viewbox-button-next, .viewbox-button-prev {
		height: 81px;
		width: 81px;
		margin-top: -40px;
	}
	.viewbox-button-next {
		right: -15px;
	}
	.viewbox-button-prev {
		left: -15px;
	}
}

.viewbox-container .loader {
	widows: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
}

.viewbox-container .loader * {
	margin: 0;
	padding: 0;
}

.viewbox-container .loader .spinner {
	width: 50px;
	height: 50px;
	position: relative;
	margin: 0 auto;
}

.viewbox-container .loader .double-bounce1, .viewbox-container .loader .double-bounce2
	{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #999;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 1.0s infinite ease-in-out;
	animation: sk-bounce 1.0s infinite ease-in-out;
}

.viewbox-container .loader .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce{
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce{
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/* --------------- Product Grouping ------------ */
.product-grouping .grouping {
	margin-bottom: 16px;
}

.product-grouping .grouping .head {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
}

.pdp-groupong-item {
	border-radius: 8px;
	border: 1px solid var(--neutral-colors-gray-700, #99999C);
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	padding: 5px;
	cursor: pointer;
	transition: .3s;
	box-sizing: border-box;
}

.product-grouping .pdp-groupong-item.active {
	border: 1px solid #0867B2;
	color: #0867B2 !important;
	cursor: default;
}

.product-grouping .pdp-groupong-item.selected {
	border: 1px solid #0867B2;
	color: #0867B2 !important;
	font-weight: 600;
	cursor: default;
}

.pdp-groupong-item:not(.disabled):hover {
	border: 1px solid #0867b2;
}

.pdp-groupong-item img {
	width: 100%;
}

.product-grouping .pdp-groupong-item.disabled {
	opacity: 0.5;
	cursor: default;
}

.product-grouping .sw-image .swiper-slide.disabled .pdp-groupong-item.disabled
	{
	opacity: 1;
}

.product-grouping .sw-image .swiper-slide.disabled {
	opacity: 0.5;
	cursor: default;
	position: relative;
}

.product-grouping .sw-image .swiper-slide.disabled::before {
	content:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='76' viewBox='0 0 75 76' fill='none'%3E%3Cpath d='M0.292931 74.2929C0.0976688 74.4882 0.0976688 74.8047 0.292931 75C0.488193 75.1953 0.804776 75.1953 1.00004 75L0.292931 74.2929ZM1.00004 75L75 1.00001L74.2929 0.292903L0.292931 74.2929L1.00004 75Z' fill='%23E0E0E3'/%3E%3C/svg%3E");
	width: 73px;
	height: 74px;
	position: absolute;
	overflow: hidden;
	top: 1px;
	left: 3px;
}

.product-grouping .sw-image .swiper-slide .pdp-groupong-item {
	display: flex;
	width: 80px;
	height: 80px;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.product-grouping .sw-image .swiper-slide .label {
	color: var(--neutral-colors-gray-800, #525255);
	text-align: center;
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 2px;
}

.product-grouping .sw-button>div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
}

.product-grouping .sw-button>div .pdp-groupong-item {
	padding: 11px 16px;
	text-align: center;
	font-family: Prompt;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	position: relative;
}

#product-page div#product-information *, #product-page div#product-specification *
	{
	font-family: var(--fontFamily) !important;
	font-size: 14px !important;
	line-height: 24px;
	max-width: 706px;
}

#product-information {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}

#product-information .item div div {
	list-style: disc;
	display: list-item;
	margin-left: 16px;
	padding-left: 0;
}

#product-page div#product-information .ui.massive.bulleted.list {
	padding: 0;
}

#product-page div#product-information .ui.massive.bulleted.list div {
	display: list-item;
	list-style: disc;
}

#product-page div#product-information .view-btn {
	width: 100%;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-top: solid 1px #E7E6F2;
	padding-top: 10px;
	color: var(--Orange-02, #F79421);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration-line: underline;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	background: #fff;
	display: none;
}

.swiper-tiny-card-product .swiper-slide {
	width: 320px;
}

.product-card-mkp-plp-bundle {
	display: flex;
	max-width: 245px;
	height: 135px;
	padding: 8px;
	align-items: center;
	gap: 8px;
	flex: 1;
}

.product-card-mkp-plp-bundle .img {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}

.product-card-mkp-plp-bundle .img img {
	border-radius: 10px;
}

.product-card-mkp-plp-bundle .detail {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.product-card-mkp-plp-bundle .detail .name {
	max-height: 42px;
	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;
	whitespace: nowrap;
	font-family: Prompt;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}

.product-card-mkp-plp-bundle .pricing .price {
	color: var(--secondary-color-red-500, #DA3731);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.product-card-mkp-plp-bundle .pricing .original-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.product-card-mkp-plp-bundle .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;
}

.product-card-mkp-plp-bundle .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-plp-bundle .pricing .reduced-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.product-card-mkp-plp-bundle .pricing .scale-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.product-card-mkp-plp-bundle .pricing .online-discount {
	color: var(--neutral-colors-gray-600);
	font-size: 10px;
	font-weight: normal;
}

.product-card-mkp-plp-bundle .pricing .offer-price {
	color: var(--neutral-colors-gray-600);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.product-card-mkp-plp-bundle .outofstock-price {
	color: var(--neutral-colors-gray-600);
	font-size: 14px;
	font-weight: normal;
}

.product-card-mkp-plp-bundle .qty {
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* Begin : Modal */
.ui.modal.product-modal {
	width: auto;
	padding: 0;
	border-radius: 20px;
	box-shadow: 0px 8px 28px 0px rgba(20, 20, 43, 0.10);
	overflow: hidden;
}

.ui.modal.product-modal .container {
	display: flex;
	flex-direction: column;
	padding-top: 60px;
}

.ui.modal.product-modal .header {
	width: 100%;
	border-bottom: unset;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	padding-left: 54px;
	padding-right: 54px;
}

.ui.modal.product-modal .header .title h2 {
	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;
	margin: 0;
}

.ui.modal.product-modal .header .title p {
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.ui.modal.product-modal .header svg.close {
	cursor: pointer;
}

.ui.modal.product-modal .content {
	padding: 0;
	padding-left: 54px;
	padding-right: 54px;
}

.ui.modal.product-modal .main-product {
	width: 100%;
	display: flex;
	height: 130px;
	padding: 20px 0;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 10px;
	border: 1px solid var(--primary-colors-blue, #0065B2);
	background: var(--neutral-colors-white, #FFF);
	margin-top: 24px;
}

.ui.modal.product-modal .plus-icon {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 12px 0;
}

.ui.modal.product-modal .scrolling.content {
	max-height: calc(60vh - 10rem);
	overflow-x: hidden;
	overflow-y: auto;
}

.ui.modal.product-modal .content.scrolling::-webkit-scrollbar {
	width: 16px;
}

.ui.modal.product-modal .content.scrolling::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: var(--neutral-colors-gray-600, #B4B4B7);
}

.ui.modal.product-modal .content.scrolling::-webkit-scrollbar-track {
	border-radius: 8px;
	background: var(--neutral-colors-gray-100, #F9F9FC);
}

.ui.modal.product-modal .actions .button {
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	border-radius: 10px;
	font-family: Prompt;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 11px 16px 12px 16px;
}

.ui.modal.product-modal .actions .button.primary {
	color: var(--neutral-colors-white);
	background: var(--primary-color-deep-blue-800, #0065B2);
}
/* End : Modal */

/* Begin : Bundle Modal */
.ui.modal.product-modal.bundle-modal .container {
	width: 1023px;
}

.ui.modal.product-modal.bundle-modal .promotion-detail.prevent-scroll {
	width: calc(100%);
}

.ui.modal.product-modal .detail .name {
	max-width: unset;
}

.ui.modal.product-modal .product-card-mkp-plp-bundle {
	flex: 1;
}
/* Begin : End Modal */

/* Begin : Tradein Modal */
.ui.modal.product-modal.tradein-modal .container {
	display: flex;
	width: 756px;
	padding: 48px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.ui.modal.product-modal.tradein-modal .container .header, .ui.modal.product-modal.tradein-modal .container .content
	{
	padding: 0;
}

.ui.modal.product-modal.tradein-modal .container .content {
	color: var(--neutral-colors-gray-800, #525255) !important;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.ui.modal.product-modal.tradein-modal .content .explain {
	color: red;
	padding: 15px;
	margin: 20px 10px 20px 0px;
	border-radius: 10px;
	border: 1px solid #ededed;
}

.ui.modal.product-modal.tradein-modal .content .condition {
	margin-right: 10px;
}

.ui.modal.product-modal.tradein-modal .content .remark {
	margin-top: 10px;
}

.ui.modal.product-modal.tradein-modal .content .link {
	color: #1e70bf;
	margin-top: 10px;
	font-weight: bolder;
}

.ui.modal.product-modal.tradein-modal #contentContainer {
	overflow-y: scroll;
	position: relative;
	max-height: 450px;
	overflow: auto;
}
/* End : Tradein Modal */

/* Begin : Tradein Modal Homecard */
.ui.modal.product-modal.tradein-modal-homecard .container {
	display: flex;
	width: 900px;
	padding: 38px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.ui.modal.product-modal.tradein-modal-homecard .container .header, .ui.modal.product-modal.tradein-modal-homecard .container .content
	{
	padding: 0;
}

.ui.modal.product-modal.tradein-modal-homecard .container .content {
	color: var(--neutral-colors-gray-800, #525255) !important;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.ui.modal.product-modal.tradein-modal-homecard .content .explain {
	color: red;
	padding: 15px;
	margin: 20px 10px 20px 0px;
	border-radius: 10px;
	border: 1px solid #ededed;
}

.ui.modal.product-modal.tradein-modal-homecard .content .condition {
	margin-right: 10px;
}

.ui.modal.product-modal.tradein-modal-homecard .content .remark {
	margin-top: 10px;
}

.ui.modal.product-modal.tradein-modal-homecard .content .link {
	color: #1e70bf;
	margin-top: 10px;
	font-weight: bolder;
}

.ui.modal.product-modal.tradein-modal-homecard #contentContainer {
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	max-height: 450px;
	text-align: center;
	width: 100%;
}
.ui.modal.product-modal.tradein-modal-homecard .content h1 {
	color: var(--primary-color-deep-blue-800) ;
}
/* End : Tradein Modal Homecard */

/* Begin : Installment Modal */
.ui.modal.product-modal.installment-modal {
	height: 80vh;
}

.ui.modal.product-modal.installment-modal .container {
	width: 1023px;
	height: 100%;
}

.ui.modal.product-modal.installment-modal .container .scrolling.content
	{
	max-height: unset;
}

.installment-modal .header {
	margin-bottom: 24px;
}

.installment-modal .ui.table {
	margin-bottom: 24px;
	border: 0;
	border-bottom: 1px solid #0065b2;
	border-radius: 0;
}

.installment-modal .ui.table>thead>tr>th {
	font-size: 18px;
	color: var(--Neutral-Colors-White, #FFF);
}

.installment-modal .ui.celled.table>thead>tr>th {
	border-left: 1px solid #fff;
}

.installment-modal .ui.celled.table>tbody {
	color: var(--Neutral-Colors-Gray-800, #525255);
}

.installment-modal .ui.celled.table>tbody>tr>td {
	border-left: 1px solid var(--Primary-Colors-Blue, #0065B2);
}

.installment-modal .ui.celled.table>tbody>tr>td:last-child {
	border-right: 1px solid var(--Primary-Colors-Blue, #0065B2);
}

.installment-modal .ui.table>tbody>tr>td {
	border-top: 1px solid var(--Primary-Colors-Blue, #0065B2);
}

.installment-modal table .bank-display div {
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.installment-modal table .bank-display img {
	height: 40px;
	border-radius: 8px;
}

.installment-modal .ui.table .plan div, .installment-modal .ui.table .full-payment div
	{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.installment-modal .ui.table .plan div .month, .installment-modal .ui.table .discount,
	.installment-modal .ui.table .total, .installment-modal .ui.table .percent
	{
	font-weight: 700;
}
/* Begin : End Installment Modal */

/* SBC : Special Product */
.special-btn {
	width: 100%;
}

.prd-detail-right .prd-calculator .special-btn .calculate-btn {
	border-radius: 10px;
	display: flex;
	padding: 11px 16px 12px;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	width: 236px;
	height: 56px;
	margin: 0;
	cursor: pointer;
	flex: 1;
	color: #FFF;
	background: var(--primary-color-deep-blue-800, #0065B2) !important;
	border: 0;
}

.prd-detail-right .prd-calculator .special-btn .calculate-btn:hover {
	color: var(--neutral-colors-white);
	background: var(--primary-color-deep-blue-700);
	border: unset;
}

.special-remark {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-color-600, #D4D2E3);
	background: var(--neutral-colors-white, #FFF);
	width: 100%;
}

.special-remark .title {
	color: var(--neutral-colors-gray-800, #525255);
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.special-remark .desc {
	color: var(--neutral-colors-gray-700, #88888C);
	/* Body/B2 */
	font-family: Prompt;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-left: 30px;
}
/* EBC : Special Product */

/* SBC : Scaling */
#swiper-emktspot-item-scaling {
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 16px;
}

#swiper-emktspot-item-scaling .swiper-slide {
	width: 105px;
	cursor: pointer;
}

#swiper-emktspot-item-scaling .swiper-slide>table {
	border: 1px solid #F79420;
	border-radius: 10px;
	color: #F79420;
}
/* EBC : Scaling */
.btn.button.shop-btn {
	background: var(--primary-color-deep-blue-200);
	border-radius: 4px;
	padding: 2px 10px;
	color: var(--primary-color-deep-blue-800);
	cursor: pointer;
	border: 1px solid var(--primary-color-deep-blue-800);
}

.btn.button.shop-btn:hover {
	background: var(--primary-color-deep-blue-100);
}

.btn.button.shop-btn.active {
	background: var(--primary-colors-orange-600);
	color: var(--neutral-colors-white);
	border: 1px solid var(--primary-colors-orange-600);
}

.btn.button.shop-btn.active:hover {
	background: var(--primary-colors-orange-800);
	border: 1px solid var(--primary-colors-orange-800);
}

.prd-detail-right .promotion-tag img {
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
}

/* SBC : Filter Option */
.content-right.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 82px;
	align-self: flex-start;
}

.content-right.filter-scroll {
	height: calc(100vh - 100px);
	overflow-y: auto;
}

.content-right.filter-hover:hover {
	height: calc(100vh - 100px);
	overflow-y: auto;
}

.filteroption {
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
}

.filteroption label {
	font-size: 9px;
	color: var(--neutral-colors-gray-500);
}

#popup_filtermenu {
	padding: 0;
}

#popup_filtermenu ul li {
	list-style: none;
	padding: 8px 12px;
	cursor: pointer;
}

#popup_filtermenu ul li.active {
	background-color: var(--primary-color-deep-blue-300);
}

#popup_filtermenu ul li:hover {
	background-color: var(--primary-color-deep-blue-300);
}

#popup_filtermenu ul {
	padding: 0 !important;
	margin: 0 !important;
}
/* EBC : Filter Option */
.form .grouped.fields .field .checkbox {
	display: flex !important;
	gap: 8px;
	align-items: baseline;
	max-width: 100%;
}

.form .grouped.fields .field {
	display: flex !important;
	flex-direction: row;
	justify-content: space-between;
}

.form .grouped.fields .field a {
	color: var(--primary-colors-orange-600);
	text-decoration: underline;
}

.form .grouped.fields .field a:hover {
	color: var(--primary-colors-orange-400);
	text-decoration: none;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	min-width: 400px;
	background-color: #FFF;
	color: #000;
	text-align: left;
	padding: 20px;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: 0px 0px 5px 1px #ccc;
	position: absolute;
	z-index: 1;
	top: 25px;
	left: -200px;
	font-weight: normal;
	line-height: 25px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tooltip h4 {
	color: var(--primary-color-deep-blue-800);
}

.pdp-install-accordion .title {
	border: 1px solid var(--neutral-colors-gray-500);
	padding: 20px 14px !important;
	border-radius: 10px;
	margin-bottom: 20px;
}

.pdp-install-accordion .title.active {
	border: 1px solid var(--neutral-colors-gray-500);
	border-bottom: none;
	padding: 20px 14px !important;
	border-radius: 10px 10px 0 0;
	margin-bottom: 0;
}

.pdp-install-accordion .content.active {
	margin-bottom: 20px;
	border: 1px solid var(--neutral-colors-gray-500);
	border-top: none;
	padding: 10px 24px !important;
	border-radius: 0 0 10px 10px;
	margin-top: 0;
}

.pdp-install-accordion .content.active.service_install {
	margin-bottom: 0;
	border: none;
	border-top: none;
	padding: 0 24px !important;
	border-radius: 0;
	margin-top: 0;
}
/* .pdp-install-accordion .detail {
	border-top: 1px solid var(--neutral-colors-gray-500);
	padding-top: 20px !important;
	margin-top: 20px;
} */
.pdp-install-accordion .head {
	display: flex;
	justify-content: space-between;
	color: var(--primary-color-deep-blue-800) !important;
}

ul.install-servlice-product-list {
	padding: 6px 16px;
}

ul.install-servlice-product-list li {
	list-style: none;
}

ul.install-servlice-product-list li h3 {
	padding-top: 20px;
}

ul.product-list {
	padding: 0;
	font-size: 14px;
	width: 100%;
}

ul.product-list li {
	list-style: decimal;
	display: flex;
	width: 100%;
}

ul.product-list li div {
	border: 1px solid var(--neutral-colors-gray-400);
	padding: 5px 10px;
}

ul.product-list li div:nth-child(1) {
	width: 10%;
	text-align: center;
}

ul.product-list li div:nth-child(2) {
	width: 60%;
}

ul.product-list li div:nth-child(3) {
	width: 15%;
	text-align: center;
}

ul.product-list li div:nth-child(4) {
	width: 15%;
	text-align: right;
}

/* SBC : Service ViewAll */
.service_content.shortdesc {
	max-height: 400px;
	overflow: hidden;
}

.service_content_viewall {
	background-color: #FFF;
	text-align: center;
	padding: 24px;
}

.service_content_viewall .view-btn {
	text-decoration: underline;
	color: var(--primary-colors-orange-700);
	cursor: pointer;
}

.service_content_viewall .view-btn:hover {
	text-decoration: none;
	color: var(--primary-colors-orange-900);
}

.service_content_viewall .view-btn.show {
	display: block;
}

.service_content_viewall .view-btn.hide {
	display: none;
}
/* EBC : Service ViewAll */
#product-page div#product-installation .detail * {
	font-family: var(--fontFamily) !important;
	font-size: 14px;
	line-height: 24px;
	max-width: 706px;
}

.service-header {
	font-weight: 600;
	margin-top: 28px;
}

.service-header-sub {
	font-weight: 600;
}

.product-list .price:before {
	content: '฿ ';
}

/* SBC : Icon Feature */
.icon-detail {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	row-gap: 16px;
	margin-bottom: 16px;
}

.icon-detail .icon {
	width: calc(50% - 5px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.icon-detail .icon img {
	width: 40px;
	height: 40px;
}

.icon-detail .icon div {
	flex: 1;
	font-size: 14px;
	color: var(--neutral-colors-gray-800, #525255);
	line-height: normal;
	text-transform: capitalize;
}
/* EBC :  Icon Feature */

/* SBC : Compare */
.pdp-section-pcompare {
	display: flex;
	width: 1280px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	padding-top: 40px;
	border-top: 1px solid #E0E0E3;
}

.pdp-section-pcompare { .header { display:flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.header .title {
	font-family: var(--fontFamily);
	font-size: 28px;
	color: #0065B2;
	font-weight: 700;
	margin-bottom: 5px;
}

.line-separate {
	background: #E0E0E3;
	height: 1px;
}

.section-content {
	width: 100%;
	margin-bottom: 50px;
}

.section-content .pcompare-swip {
	overflow-x: auto;
}

.section-content .pcompare-swip table {
	table-layout: fixed;
	width: 200px;
}

.section-content .pcompare-swip .item-compare-header {
	width: 200px;
	vertical-align: top;
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Headings/H5 */
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: left;
	padding-top: 292px;
}

.section-content .pcompare-swip .item-header .item-title {
	height: 47px;
	overflow: hidden;
}

.section-content .pcompare-swip .item-compare {
	width: 275px;
	position: relative;
	vertical-align: top;
	padding: 20px 10px;
	padding-right: 0;
}

.section-content .pcompare-swip .item-compare:not(.first):not(.last) {
	border-top: 1px solid #E5E5E5;
}

.section-content .pcompare-swip .item-compare .item-header {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
	padding-top: 12px;
}

.section-content .pcompare-swip .item-compare .item-header .current-product
	{
	position: absolute;
	font-family: var(--fontFamily);
	font-size: 16px;
	color: #0065B2;
	font-weight: 600;
	top: -20px;
}

.section-content .pcompare-swip .item-compare .plp-card-top {
	padding: 13px;
	position: relative;
	overflow: hidden;
	width: 248px;
	height: 248px;
	border: 1.5px solid var(--neutral-colors-gray-500);
	border-radius: 12px;
	background: var(--neutral-colors-white, #FFF);
}

.section-content .pcompare-swip .item-compare .plp-card-top .image {
	text-align: center;
	overflow: hidden;
}

.section-content .pcompare-swip .item-compare .plp-card-top .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: none;
}

.section-content .pcompare-swip .item-compare .image.active .main-img {
	opacity: 0;
	transition: all .5s;
}

.section-content .pcompare-swip .item-compare .image.active .has-inspire
	{
	opacity: 1;
	transition: all .5s;
}

.section-content .pcompare-swip .item-compare .plp-card-top .discount {
	border-radius: 8px 0px;
	position: absolute;
	top: 0;
	left: 0;
	background: #F79421;
	padding: 4px 12px;
	color: #fff;
}

.section-content .pcompare-swip .item-compare .plp-card-top .wishlist {
	position: absolute;
	top: 6px;
	right: 6px;
}

.section-content .pcompare-swip .item-compare .plp-card-top .wishlist i
	{
	font-size: 24px;
	color: #99999C;
}

.section-content .pcompare-swip .item-compare .plp-card-top .promotion {
	position: absolute;
	bottom: 13px;
	left: 13px;
}

.section-content .pcompare-swip .item-compare .star-review {
	height: 22px;
}

.section-content .pcompare-swip .item-compare .star-review span {
	font-size: 12px;
	color: #666;
}

.section-content .pcompare-swip .item-compare .item-price {
	height: 49px;
}

.section-content .pcompare-swip .item-compare .item-price .price {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #DA3731;
}

.section-content .pcompare-swip .item-compare .item-price .price span {
	font-size: 10px;
	font-weight: 400;
	color: #525255;
	vertical-align: middle;
}

.section-content .pcompare-swip .item-compare .item-price .original-price
	{
	font-size: 12px;
	color: #666;
	text-decoration: line-through;
	margin-bottom: 8px;
}

.section-content .pcompare-swip .item-compare .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;
}

.section-content .pcompare-swip .item-compare .item-price .offer-price {
	font-size: 18px;
	font-weight: 700;
}

.section-content .pcompare-swip .item-compare .item-price .scale-price {
	color: var(--primary-colors-orange);
	font-weight: 600;
	font-size: 16px;
	font-style: italic;
}

.section-content .pcompare-swip .item-compare .item-name {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	color: var(--neutral-colors-gray-800, #525255);
	font-feature-settings: 'clig' off, 'liga' off;
	/* Body/B2 SM */
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

table.show_compare tr.hightlight {
	background: #f5faff;
	color: var(--Primary-Colors-Blue, #0065B2);
}

table.show_compare tr:first-child {
	background-color: var(--neutral-colors-white);
}

.section-content .pcompare-swip .item-compare .plp-card-top .wishlist button
	{
	background: none;
	border: 0;
}

.section-content .pcompare-swip .item-compare .plp-card-top .wishlist button::before
	{
	cursor: pointer;
	content:
		url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 24 21" fill="none"><path d="M21.2614 2.73066C18.9375 0.423113 15.1741 0.423113 12.8503 2.73066L12.0003 3.57644L11.1504 2.73066C8.82648 0.423113 5.06309 0.423113 2.73922 2.73066C0.420261 5.04799 0.420261 8.79287 2.73922 11.1102L11.4402 19.7684C11.7448 20.0764 12.246 20.0764 12.5506 19.7733L12.5555 19.7684L21.2565 11.1102C23.5804 8.78798 23.5804 5.0431 21.2614 2.73066Z" stroke="%2399999C" stroke-width="1.8"/></svg>')
		!important;
}

.section-content .pcompare-swip .item-compare .plp-card-top .wishlist button.active::before
	{
	cursor: pointer;
	content:
		url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 24 21" fill="none"><path d="M21.2614 2.73066C18.9375 0.423113 15.1741 0.423113 12.8503 2.73066L12.0003 3.57644L11.1504 2.73066C8.82648 0.423113 5.06309 0.423113 2.73922 2.73066C0.420261 5.04799 0.420261 8.79286 2.73922 11.1102L11.4402 19.7684C11.7448 20.0764 12.246 20.0764 12.5506 19.7733L12.5555 19.7684L21.2565 11.1102C23.5804 8.78798 23.5804 5.0431 21.2614 2.73066Z" fill="%23F85954" stroke="%23F85954" stroke-width="1.8"/></svg>')
		!important;
}

.pcompare-swip {
	width: 1100px;
	overflow-x: scroll;
	margin-left: 180px;
	overflow-y: visible;
	padding: 0;
}

.headcol {
	position: absolute;
	width: 180px;
	left: 0;
	top: auto;
}

.headcol:not(.first):not(.last) {
	border-top: 1px solid #E5E5E5;
	padding: 20px 10px;
	font-weight: 600;
}

.btn-view-product {
	border-radius: 10px;
	display: flex;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	width: 100%;
	height: 56px;
	margin: 0;
	cursor: pointer;
	color: var(--neutral-colors-gray-800, #525255);
	border: 1.5px solid var(--neutral-colors-gray-700, #99999C);
	background-color: var(--neutral-colors-white);
}

}
/* EBC : Compare */

/* SBC : Other Product */
.other-products > div {
	margin-bottom: 40px;
}
.other-products .title {
	font-family: var(--fontFamily);
	font-size: 28px;
	color: #0065B2;
	font-weight: 700;
	margin-bottom: 5px;
}

.swiper-layout-5_5 .swiper-slide {
	width: 220px !important;
}

.has-inspire {
	bottom:0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: auto;
	border: none;
	object-fit: cover !important;
	position: absolute;
	transition: all .5s;
	background-size: cover !important;
}

.hp-card-product-plp .main-img {
	max-width: 72%;
	max-height: 172px;
	object-fit: contain;
	border: none;
	transition: all .5s;
}
.product-plp-card .image:hover .has-inspire {
	opacity: 1 !important;
}
.hp-card-product-plp .image.active .main-img {
	opacity: 0;
	transition: all .5s;
}
.hp-card-product-plp .image.active .has-inspire {
	opacity: 1;
	transition: all .5s;
}
.hp-panel .hp-card-product-plp {
	transition: unset !important;
}
.hp-panel .hp-card-product-plp .add-to-cart {
	display: none !important;
}
.hp-panel .hp-card-product-plp:hover {
	height: 360px !important;
}

.plp-container .ui.secondary.menu {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.plp-container .grid-container-product-plp {
	padding-left: 0;
}
.plp-container .left-plp {
	width: 244px !important;
	padding: 0;
	margin-top: 0;
}
.plp-container .main-plp {
	width: calc(100% - 260px)!important;
	margin-left: 7px;
}
.plp-container .hp-card-product-plp .item-title {
	height: 40px;
}
.plp-container .grid-item-product-plp {
	height: 360px;
	width: 236px;
}
.grid-item-product-plp .scale-price {
	color: #0065b2;
	font-weight: 600;
	font-size: 16px;
	font-style: italic;
}
.product-plp-card {
	width: calc(100% / 4 - 9px);
	vertical-align: top;
}


.calculator-item-selling-item .product-plp-card {
	width: 100% !important;
}
/* EBC : Other Product */

/* --- SBC : Product Substitute ---- */
.product-substitute {
	background-color: var(--neutral-colors-gray-200);
	padding: 20px;
	border-radius: 10px;
	border: 1px solid var(--neutral-colors-gray-400);
}

.product-substitute .header {
	margin-bottom: 10px;
}

.product-substitute .content-box {
	background-color: #FFF;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid var(--neutral-colors-gray-400);
}

.product-substitute .product-card-mkp-s4 {
	width: 100%;
}
.product-card-mkp-s4 .detail .name {
	max-width: 100%;
	width: 100%;
}
/* --- EBC : Product Substitute ---- */
.product-unit {
	font-size: 16px;
	font-weight: 600;
}

.quantity-remain .product-unit {
	font-size: unset;
	font-weight: normal;
	font-size: 16px;
	line-height: 40px;
	color: #99999C;
}

.ui.modal.product-modal.tradein-modal .container .content, .ui.modal.product-modal.tradein-modal .container .content span {
	color: var(--neutral-colors-gray-800, #525255) !important;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: var(--fontFamily) !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.modal-homecard-right .ui-ext.ui-ext_search_dropdown.ui.dropdown.selection {
	min-width: 12em !important;
}

/* SBC : Icon Circular */
.prd-circular {
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 1000;
	height: 44px;
	width: auto;
}

.img-main .prd-circular {
	width: 74px;
}

.prd-circular img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* EBC : Icon Circular */

/* SBC : Button Coohom */
.prd-coohom button{
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-weight: 700 !important;
	position: absolute;
	bottom: 3%;
	right: 3%;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.8) !important;
	border-radius: 10px !important;
}
.prd-coohom button img{
	width: 25px;
	height: 25px
}
#mkp-coohom-modal .content .card {
	text-align: center;
}
#mkp-coohom-modal .content .card img{
	border-radius: 10px !important;
}
#mkp-coohom-modal .content .swiper-tiny-card-product .swiper-slide {
	width: 208px !important;
}
#mkp-coohom-modal.ui.modal {
	width: auto;
	padding: 0;
	border-radius: 20px;
	box-shadow: 0px 8px 28px 0px rgba(20, 20, 43, 0.10);
	overflow: hidden;
}
#mkp-coohom-modal.ui.modal .container {
	width: 756px;
	padding: 48px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
#mkp-coohom-modal.ui.modal .header {
	width: 100%;
	border-bottom: unset;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}
#mkp-coohom-modal.ui.modal .header .close{
	margin: calc(2rem - .1428571428571429em) 0 1rem;
	margin-top: 0;
	cursor: pointer;
}
#mkp-coohom-modal.ui.modal .file-name{
	margin: 10px;
}
#mkp-coohom-modal .swiper-button-next, .swiper-button-prev {
	top: 37%;
}
.seller-chat-btn {
	border: 1.5px solid #99999C;
	color: #525255 !important;
	padding: 10px 16px;
	text-align: center;
	border-radius: 10px;
	font-size: 14px;
	flex: 0 0 fit-content;
	height: fit-content;
}
/* EBC : Button Coohom */
.preview-badge {
	position: fixed;
	top: -34px;
	left: -15px;
	background-color: red;
	color: #FFF;
	padding: 60px 31px 44px 53px;
	border-radius: 50%;
	z-index: 99999;
	font-size: 20px;
	text-align: center;
}

.preview-badge small {
	display: block;
}
.ui.modal.product-modal.tradein-modal .container .header .close {
	position: absolute;
	right: 50px;
	top: 40px;
}

.modal-homecard-left {
	float: left;
	width: calc(100% / 2);
}
.modal-homecard-left img {
	width: 100%;
}
.modal-homecard-right {
	text-align:center;
	float:left;
	width:calc(100% / 2);
}
.modal-homecard-right .form-panel {
	width:420px;
	margin:auto;
	margin-top:40px;
	text-align:center;
}
.modal-homecard-right .ui.center.segment {
	display: flex;
	flex-direction: column;
	align-items: center;
}