/*----- CART -----*/
.table-cart .line-item {
	display: flex;
}
.table-cart .media-line-item:not(:last-child){
	margin-bottom:15px;
}
.table-cart .line-item .media-left {
	display: flex;
	align-items: center;
	width: 55%;
}
.media-left .item-img {
	width: 30%;
	padding-right: 12px;
}
.media-left .item-title {
	width: 70%;
	font-size: 14px;
	margin:0;
}
.media-left .gift-member__frame{
	margin-bottom: 5px;
}
.media-left .gift-member__frame span{
	display: inline-block;
	padding: 5px 10px 5px 35px;
	border: 1px solid #e84e4e;
	border-radius: 20px;
	position: relative;
	font-size: 12px;
	color: #e84e4e;
}
.media-left .gift-member__frame span:before{
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	background: url(https://file.hstatic.net/200000561769/file/mceclip0_94.png);
	background-size: contain;
	background-position: center;
	left: 4px;
	background-repeat: no-repeat;
	top: 50%;
	transform: translateY(-50%);
}
.table-cart .line-item .media-right .item-qty,
.table-cart .line-item .media-right .item-total-price{
	flex:0 0 50%;
	-ms-flex:0 0 50%;
	padding:0 10px;
}
.table-cart .media-line-item .media-right .item-total-price{padding-right:0;}
.table-cart .table-heading .line-item{
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
}
.table-cart .table-heading .line-item p{
	margin: 0;
	font-size: 14px;
	line-height: calc(26 / 16);
	font-weight: 500;
}

.item-remove a.cart {
	position: relative;
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 100%;
	background: transparent;
	transition: all ease-in-out 250ms;
}
/*.item-remove a.cart:hover{
background: red;
}
.item-remove a.cart::before, .item-remove a.cart::after {
content: '';
position: absolute;
width: 2px;
height: 10px;
background: #000;
left: 50%;
top: 50%;
transition: all ease-in-out 250ms;
}
.item-remove a.cart::before{
transform: translate(-50%, -50%) rotate(45deg)
}
.item-remove a.cart::after{
transform: translate(-50%, -50%) rotate(-45deg)
}
.item-remove a.cart:hover::before, .item-remove a.cart:hover::after {
background: #fff;
}*/
.table-cart .line-item .media-right {
	position: relative;
	display: flex;
	padding-right: 45px;
	align-items: center;
	width: 45%;
}
.item-remove {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	display: inline-block;
	line-height: 0;
}
.media-right .item-qty .quantity-partent{
	max-width: 138px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.media-right .item-qty input {
	font-size: 16px;
	line-height: calc(26 / 16);
	color: #252525;
	font-weight: 500;
	border: 0;
	outline: none;
	height: 35px;
	padding: 0;
	text-align: center;
	width:100%;
	pointer-events:none;
}
.media-right .item-qty .qty-btn{
	border: 1px solid #E0E0E0;
	outline:0;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	top: 0;
	width: 35px;
	height: 35px;
}
.media-right .item-qty .qty-btn.qtyminus{
	left:0;
}
.media-right .item-qty .qty-btn.qtyplus{
	right:0;
}
.media-line-item .item-total-price .price{
	font-size:14px;
	line-height:calc(21/14); 
	color:#1d1d1d;
	text-align:right;
	font-weight:600;
	margin:0;
}
.media-line-item .item-total-price .price del{
	color: #707070;
	display:block;
}
.wrap-order-summary .order-summary-block{
	background: #F5F5F5;
	padding: 30px;
}
.order-summary-block .summary-title{
	font-size: 16px;
	line-height: calc(26 / 16);
	font-weight: 500;
	margin: 0;
}
.summary-total{
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #D8D8D8;
	padding-bottom: 0;
}
.summary-total p {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	line-height: calc(21 / 14);
	color: #1d1d1d;
	font-weight: 500;
}
.summary-button a {
	background: #000;
	text-align: center;
	padding: 15px;
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 3px;
	text-transform:initial;
}

.summary-action p {
	font-size: 12px;
	margin-bottom: 6px;
	line-height: 1.3;
	text-align: left;
}
.summary-button, .summary-action{
	padding: 9px 0;
	margin-top: 10px;
}
.summary-action {
	border-top: 1px solid #e0e0e0;
}
.wrap-order-summary {
	max-width: 350px;
	display: block;
	width: 100%;
}

.sidebarCart-sticky {
	display: flex;
	justify-content: flex-end;
}
@media(max-width: 767px){
	.wrap-order-summary {
		max-width: 100%;
		display: block;
		margin-top:30px;
	}
	.table-cart .line-item {
		display: block;
		position: relative;
		padding-left: 110px;
	}
	.table-cart .line-item .media-left {
		width: 100%;
		display: block;
	}
	.table-cart .line-item .media-right{
		width: 100%;
		position: static;
		display: flex;
		flex-direction: column-reverse;
		align-items: initial;
		margin-top: 10px;
		padding: 0;
	}
	.media-left .item-title {
		width: 100%;
		margin-bottom: 0;
		font-size: 13px;
	}
	.media-left .item-img {
		width: auto;
		position: absolute;
		left: 0;
	}
	.media-left .item-img{
		max-width: 100px;
		padding: 0;
	}
	.item-remove {
		right: 5px;
	}
	.item-remove svg{
		display:inline-block;
		width:20px;
		height:20px;
	}
	.media-right .item-qty .quantity-partent{
		margin:0;
		max-width:100px;
	}
	.media-right .item-qty input{ 
		font-size:14px;
		line-height:calc(21/14);
		height:25px;
	}
	.media-right .item-qty .qty-btn{
		width:25px;
		height:25px;
	}
	.media-right .item-unit-info{ width: 100%;
		margin-top:10px; 
	}
	.media-line-item .item-total-price .price{
		text-align:left;
	}
	.media-right .item-unit-info .item-qty, .media-right .item-unit-info .item-price {width: auto;}
	.table-cart .line-item .media-right .item-qty, .table-cart .line-item .media-right .item-total-price{
		padding:0;
	}
	.line-item .item-price, .line-item .item-total-price {
		font-size: 13px;
	}
	.wrap-order-summary .order-summary-block{
		padding:25px 25px 20px 25px;
	}
	.order-summary-block .summary-title{
		font-size: 14px;
		font-weight: 400;
	}
	.summary-total{
		padding-top: 10px;
		margin-top: 10px;
	}
	.summary-total p{
		font-size:13px;
		line-height:calc(21/13);
		font-weight:400;
	}
	.summary-button a{
		font-size:14px;
		line-height:calc(21/14);
	}
}

/*---------- PAGE REVIEWS ----------*/
.review-list .review-card:nth-child(even){
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}
.review-card {
	margin-bottom: 48px;
}
.review-card:not(.featured-review) {
	align-items: center;
}
.page-header {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 40px;
	margin-bottom: 50px;
}

.page-header .link-btn {
	box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1);
	font-size: 15px;
	font-weight: 500;
	line-height: 52px;
	height: 55px;
	padding: 0 36px;
	display: inline-flex;
	align-items: center;
}
.page-header .link-btn:hover {
	color: #6d6d6d;
	box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.1);
}
.review-card.featured-review .txt-author {
	border-top: solid;
	border-bottom: solid;
	border-width: 2px;
	border-color: #f5f5f5;
	padding: 10px 0;
	font-size: 17px;
	font-weight: 500;
}
.review-card .txt-btn{
	position: relative; 
	display: inline-block;
}
.review-card .txt-link {
	padding: 0 24px;
	background: #000;
	height: 40px;
	display: inline-flex;
	align-items: center;
	color: #fff;
	transform: rotateX(0deg) translateZ(20px);
	gap: 10px;
	font-size: 13px;
	font-family:EuclidCircularAVN-SemiBold;
}
.review-card .txt-link.link-roller{
	transform: rotateX(90deg) translateZ(20px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.review-card .txt-btn:hover .txt-link:not(.link-roller){
	transform: rotateX(-90deg) translateZ(20px);
	color: #fff;
}
.review-card .txt-btn:hover .txt-link.link-roller{
	transform: rotateX(0) translateZ(20px);
	color: #fff;

}

.review-action .review-action-btn {
	font-size: 12px;
	font-weight: 600;
	background: #000;
	border-radius: 3px;
	color: #fff;
	padding: 15px 30px;
	display: inline-flex;
	line-height: 1;
	align-items: center;
	gap: 5px;
	border: 1px solid #000;
}

.review-action .review-action-btn:hover {
	background: #fff;
	color: #000;
}

.header-txt .sub-title {
	font-size: 27px;
	margin-bottom: 0;
	padding: 10px 0 30px;
}

.header-txt .title {
	font-size: 70px;
	margin: 0;
	font-weight: 600;
	padding-bottom: 40px;
}

.header-txt .desc {
	font-size: 16px;
	margin: 0;
	padding-bottom: 30px;
	font-weight: 500;
}
.review-card .txt-desc {
	font-size: 13px;
	margin-bottom: 30px;
}
.review-card .txt-author {
	font-size: 23px;
}
@media(max-width: 767px){
	.page-header {
		display: block;
	}

	#reviews-page .container {
		max-width: 100%;
		padding: 0;
	}

	.page-header img {
		width: 100%;
		height: auto;
	}

	.page-header .header-txt {
		padding: 25px 15px;
	}

	.review-card {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.review-card:nth-child(even) {
		flex-direction: column-reverse;
	}
	.review-card.featured-review {
		gap: 10px;
	}
	.header-txt .sub-title {
		font-size: 20px;
		padding: 0 0 10px;
	}

	.header-txt .title {
		font-size: 40px;
		padding-bottom: 20px;
	}

	.header-txt .desc {
		font-size: 12px;
		padding-bottom: 20px;
	}

	.page-header .link-btn {
		height: 35px;
		font-size: 11px;
		padding: 0 20px;
	}

	.review-card .txt-author {
		font-size: 17px;
	}
	.review-card .txt-link {
		font-size: 11px;
		height: 36px;
		padding: 0 20px;
	}
	.review-card .txt-desc {
		font-size: 12px;
		margin-bottom: 20px;
	}
}

/*-------- Page Contact --------*/
.layout-pageContact {
	padding: 60px 0;
}
.contact-list {
	list-style-type: disc;
	padding-left: 15px;
	margin-bottom: 25px;
}

.contact-line p {
	font-size: 15px;
	margin-bottom: 10px;
}

.box-info-contact>h3 {
	font-size: 25px;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 30px;
}

.box-info-contact>h3:after {
	content: '';
	position: absolute;
	width: 80px;
	height: 2px;
	background: #000;
	bottom: 0;
	left: 0;
}
.input-group label {
	display: block;
	margin-bottom: 5px;
	color: #222;
}
.input-group {
	display: block;
	margin-bottom: 25px;
}

.contact-form .input-group input, .contact-form .input-group textarea {
	width: 100%;
	font-size: 12px;
	line-height: 21px;
	color: #444;
	border: 1px solid #e1e1e1;
	width: 100%;
	max-width: 100%;
	height: 34px;
	padding: 3px 9px;
}

.contact-form .input-group textarea {
	resize: vertical;
	height: 15vh;
}
.contact-form .input-group input:focus, .contact-form .input-group textarea:focus {
	border-color: #000;
	outline: 0;
	box-shadow: none;
}
.box-info-contact {
	margin-bottom: 50px;
}

.submit-btn {
	transition: all ease-in-out 250ms;
	background: #000;
	color: #fff;
	border: 0;
	outline: 0;
	padding: 8px 15px;
	display: inline-block;
	line-height: 1;
}

.submit-btn:hover {
	background: #dd3333;
}


@media(max-width: 767px){
	.layout-pageContact {
		padding: 20px 0;
	}
	.row.widthContent {
		gap: 50px;
	}
}
.productDetail--content .qty-actions{
	display: flex;
	/*justify-content: space-between;*/
	gap: 20px; 
}
.button.shop-color:before {
	background-color: var(--shop-color-hover);
}

@media (min-width: 992px) {
	.button.shop-color:hover:before, .button.shop-color:focus:before {
		background: var(--shop-color-button);
	}
}
.productDetail--content .product-actions {
	display: flex;
	gap: 10px;
	align-items: center;
}
button#add-to-cart {
	width: 100%;
}
button#buy-now {
	width: 40%;
	min-width: max-content;
}

.select-swatch .swatch .title-swap {
	min-width: max-content;
	margin-bottom: 5px;
	margin-right: 10px;
}

.select-swatch .swatch .select-swap{
	width: 100%;
}

#quickview-template .button{
	padding: 12px 20px;
	font-size: 12px;
}
#add-to-cart-qv{
	width: 100%;
}
#buy-now-qv{
	width: 40%;
	min-width: max-content;
}

.combo-checkbox-label{
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	cursor: pointer;
	margin-bottom: 0;
}
.checkbox-btn {
	display: inline-flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid;
	border-radius: 3px;
	align-items: center;
	justify-content: center;
}
.combo-checkbox-label input:checked~.checkbox-btn {
	background: var(--shop-color-main);
	border-color: transparent;
}

.combo-info .combo-item--title input {
	display: none;
}
.checkbox-btn:before, .checkbox-btn:after {
	content: '';
	width: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
}
.checkbox-btn:before{
	height: 10px;
	transform: translate(50%, -50%) rotate(45deg)
}
.checkbox-btn:after{
	height: 6px;
	transform: translate(-200%, -30%) rotate(-45deg)
}

.productList-slider.slick-slider:not(.slick-initialized) .product-gallery:nth-child(n+2){
	display: none;
}

#quickview-template .productCarousel-thumb:not(.slick-initialized){
	display: flex;
}

.productCarousel-thumb:not(.slick-initialized) .product-thumb:nth-child(n+6){
	display: none;
}

button.disabled{
	pointer-events: none;
}
.spinner {
	width: 15px;
	height: 15px;
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-top: 3px solid #fff; /* Color of the spinner */
	border-right: 3px solid #fff;
	border-radius: 50%;
	animation: spin 700ms linear infinite;
	margin: auto;
	display: block;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
} 


.orders-line.is-not-reviewing {
	display: none;
}

#review-modal .wrapper-reviews {
	border: 0;
	padding: 0;
	margin-top: 0;
}

#review-modal .close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	transform: translate(-5px, 5px);
}
@media(max-width: 767px){

	#review-modal .reviews-product-detail h3 {
		margin-bottom: 25px;
		line-height: 1.3;
	}
	#review-modal .reviews-product-image {
		flex: 0 0 50px;
		max-width: 50px;
	}
	#review-modal .reviews-product-detail {
		flex: 0 0 calc(100% - 50px);
		max-width: calc(100% - 50px);
		padding-left: 10px;
	}
	#review-modal .reviews-flex {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

}


.review-remind-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000087;
	z-index: 999;
	align-items: center;
	justify-content: center;
}

.review-remind-popup.is-shown{
	display: flex;
}


.review-remind-popup.is-corner {
	display: flex;
	width: 100px;
	height: 100px;
	bottom: 140px;
	right: 25px;
	top: auto;
	left: auto;
	box-shadow: 0 0 10px 0px #b7b7b7;
}
.review-remind-popup .corner-popup{
	display: none;
}
.review-remind-popup.is-corner .corner-popup{
	display: inline-block;
}

.review-remind-popup .main-popup{
	display: inline-block;
}
.review-remind-popup.is-corner .main-popup{
	display: none;
}
.img-wrap {
	position: relative;
}
.close-remind-popup {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	width: 25px;
	height: 25px;
	background: #2f2f2f;
	box-shadow: 0 0 5px #0f0f0f;
}
.close-remind-popup:after, .close-remind-popup:before{
	content: '';
	width: 2px;
	height: 13px;
	background: #c0c0c0;
	position: absolute;
	left: 50%;
	top: 50%;
}
.close-remind-popup:after{
	transform: translate(-50%, -50%) rotate(45deg)
}
.close-remind-popup:before{
	transform: translate(-50%, -50%) rotate(-45deg)
}
.is-corner .close-remind-popup {
	width: 15px;
	height: 15px;
}

.is-corner .close-remind-popup:after, .close-remind-popup:before {
	height: 9px;
}
@media(max-width: 767px){
	.review-remind-popup.is-corner{
		width: 50px;
		height: 50px;
	}

}