/*==============GLOBAL==============*/



/*=========CUSTOM MAIN MENU=========*/
.custom-menu > .elementor-widget-container {
    overflow: visible !important;
    background-color: #00000000;
    box-shadow: none;
    border-radius: 0;
}
.custom-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-menu ul.menu {
    display: flex;
    flex-direction: row;
    gap: 30px;
	direction: rtl;
}
.custom-menu ul li a {
    width: 100%;
    display: inline-block;
}
/*----------------------------------*/
.custom-menu ul.menu > li.menu-item > a {
	font-size: 16px;
	font-weight: 400;
    padding: 5px 0;
    position: relative;
    display: inline-block;
    color: var(--e-global-color-text);
}
.custom-menu ul.menu > li.menu-item > a::after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
    width: 50px;
    height: 3px;
    border-radius: 100px;
    opacity: 0;
    transition: all 0.3s;
    background-color: var(--e-global-color-secondary);
}
.custom-menu ul.menu > li.menu-item > a:hover::after {
    opacity: 1;
}
/*----------------------------------*/
.custom-menu ul.menu > li.menu-item-has-children {
	padding-inline-end: 15px;
}
.custom-menu li.menu-item-has-children {
	position: relative;
}
/*----------------------------------*/
.custom-menu ul.sub-menu {
    position: absolute;
    transition: all 0.3s;
	box-shadow: 0 0 0 0 rgb(0,0,0,0);
	background-color: #fff;
    z-index: 9;
    flex-direction: column;
    width: max-content;
    height: max-content;
    display: none;
}
/*----------------------------------*/
.custom-menu ul.menu > li.menu-item-has-children > ul {
    top: 100%;
    right: 0;
}
/*----------------------------------*/
.custom-menu ul li ul {
    top: 0;
    right: 100%;
}
/*----------------------------------*/
.custom-menu ul li li a {
    padding: 10px 20px 10px 40px;
    color: var(--e-global-color-text);
}
/*----------------------------------*/
.custom-menu .sub-arrow {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='20'><path fill='%2311D397' fill-rule='evenodd' d='M.366 19.708c.405.39 1.06.39 1.464 0l8.563-8.264a1.95 1.95 0 0 0 0-2.827L1.768.292A1.063 1.063 0 0 0 .314.282a.976.976 0 0 0-.011 1.425l7.894 7.617a.975.975 0 0 1 0 1.414L.366 18.295a.974.974 0 0 0 0 1.413'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    margin: auto;
	background-color: rgba(0,0,0,0);
}
.custom-menu ul.menu > li.menu-item-has-children > .sub-arrow {
    transform: rotate(90deg);
    width: 10px;
    height: 10px;
    background-size: auto 100%;
}
.custom-menu li li.menu-item-has-children > .sub-arrow {
    height: 100%;
    transform: rotate(180deg);
    background-color: #fff;
    border-inline-end: 1px solid #eee;
    width: 30px;
    background-size: 9px auto;
}
/*----------------------------------*/
.custom-menu ul li {
    border-bottom: 1px solid #eee;
}
.custom-menu ul li:last-child {
    border-bottom: none;
}
/*----------------------------------*/
.mobile-menu-toggle {
    cursor: pointer;
}
#mobile-menu-modal ul.menu {
    flex-direction: column;
    gap: 0;
}
#mobile-menu-modal li.menu-item a::after {
    display: none !important;
}
#mobile-menu-modal ul.sub-menu {
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    box-shadow: 0 0 0 0 rgb(0,0,0,0) !important;
    background-color: #00000008;
    width: 100% !important;
}
#mobile-menu-modal li.menu-item-has-children:hover > ul {
    display: none;
}
#mobile-menu-modal li.menu-item-has-children.selected > ul {
	box-shadow: 0 0 20px -5px rgb(0,0,0,0.15);
    display: flex;
}
#mobile-menu-modal li.selected > a {
    background-color: var(--e-global-color-primary);
    color: #fff;
}
#mobile-menu-modal li.menu-item-has-children {
    padding-inline-end: 0;
}
#mobile-menu-modal li.menu-item-has-children > .sub-arrow {
    bottom: auto;
    transform: rotate(180deg);
    background-color: #fff;
    border-inline-end: 1px solid #eee;
    width: 40px;
    height: 40px;
    background-size: 9px auto;
}
#mobile-menu-modal li.menu-item-has-children.selected > .sub-arrow {
    transform: rotate(90deg);
}
#mobile-menu-modal li > a {
    font-size: 14px;
    padding: 10px;
    padding-inline-start: 20px;
    padding-inline-end: 60px;
}
/*----------------------------------*/
@media only screen and (min-width: 1024px) {
    .custom-menu ul.menu > li {
        border-bottom: none;
    }
    .custom-menu ul.menu > li.menu-item > a:hover {
        color: #000;
    }
    .custom-menu li.menu-item-has-children:hover > ul {
    	box-shadow: 0 0 20px -5px rgb(0,0,0,0.15);
        display: flex;
    }
    .custom-menu ul li li a:hover {
        background-color: var(--e-global-color-primary);
        color: #fff;
    }
}
/*----------------------------------*/
@media only screen and (max-width: 1024px) {
    .custom-menu#mobile-menu {
        display: none;
    }
}


/*=========MODAL=========*/
.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 11;
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
	align-items: flex-start;
	visibility: hidden;
}
.modal.active {
	visibility: visible;
}
.modal .closer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #00000055;
}
.modal .inner {
    background-color: #fff;
    position: relative;
	right: -100%;
    width: 300px;
    height: 100%;
    border-radius: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 3;
    -ms-overflow-style: none !important; /* for Internet Explorer, Edge */
    scrollbar-width: none !important; /* for Firefox */
	transition: all 0.5s ease-in-out;
}
.modal.active .inner {
	right: 0%;
}
.modal .inner::-webkit-scrollbar {
    display: none !important; /* for Chrome, Safari, and Opera */
}



/*=================OBJECT CAROUSEL GRID=================*/
.object-carousel.elementor-grid-1 .e-loop-item {
	width: 100% !important;
	flex-basis: 100% !important;
}
.object-carousel.elementor-grid-2 .e-loop-item {
	width: 50% !important;
	flex-basis: 50% !important;
}
.object-carousel.elementor-grid-3 .e-loop-item {
	width: 33.33% !important;
	flex-basis: 33.33% !important;
}
.object-carousel.elementor-grid-4 .e-loop-item {
	width: 25% !important;
	flex-basis: 25% !important;
}
.object-carousel.elementor-grid-5 .e-loop-item {
	width: 20% !important;
	flex-basis: 20% !important;
}
@media only screen and (max-width: 1366px) {
	.object-carousel.elementor-grid-laptop-1 .e-loop-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.object-carousel.elementor-grid-laptop-2 .e-loop-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.object-carousel.elementor-grid-laptop-3 .e-loop-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.object-carousel.elementor-grid-laptop-4 .e-loop-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.object-carousel.elementor-grid-laptop-5 .e-loop-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
}
@media only screen and (max-width: 1200px) {
	.object-carousel.elementor-grid-tablet_extra-1 .e-loop-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.object-carousel.elementor-grid-tablet_extra-2 .e-loop-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.object-carousel.elementor-grid-tablet_extra-3 .e-loop-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.object-carousel.elementor-grid-tablet_extra-4 .e-loop-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.object-carousel.elementor-grid-tablet_extra-5 .e-loop-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
}
@media only screen and (max-width: 1025px) {
	.object-carousel.elementor-grid-tablet-1 .e-loop-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.object-carousel.elementor-grid-tablet-2 .e-loop-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.object-carousel.elementor-grid-tablet-3 .e-loop-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.object-carousel.elementor-grid-tablet-4 .e-loop-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.object-carousel.elementor-grid-tablet-5 .e-loop-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
}
@media only screen and (max-width: 880px) {
	.object-carousel.elementor-grid-mobile_extra-1 .e-loop-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.object-carousel.elementor-grid-mobile_extra-2 .e-loop-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.object-carousel.elementor-grid-mobile_extra-3 .e-loop-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.object-carousel.elementor-grid-mobile_extra-4 .e-loop-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.object-carousel.elementor-grid-mobile_extra-51 .e-loop-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
}
@media only screen and (max-width: 768px) {
	.object-carousel.elementor-grid-mobile-1 .e-loop-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.object-carousel.elementor-grid-mobile-2 .e-loop-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.object-carousel.elementor-grid-mobile-3 .e-loop-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.object-carousel.elementor-grid-mobile-4 .e-loop-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.object-carousel.elementor-grid-mobile-5 .e-loop-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
}



/*=================PRODUCT CAROUSEL GRID=================*/
.product-carousel.elementor-grid-1 .product-list-item {
	width: 100% !important;
	flex-basis: 100% !important;
}
.product-carousel.elementor-grid-2 .product-list-item {
	width: 50% !important;
	flex-basis: 50% !important;
}
.product-carousel.elementor-grid-3 .product-list-item {
	width: 33.33% !important;
	flex-basis: 33.33% !important;
}
.product-carousel.elementor-grid-4 .product-list-item {
	width: 25% !important;
	flex-basis: 25% !important;
}
.product-carousel.elementor-grid-5 .product-list-item {
	width: 20% !important;
	flex-basis: 20% !important;
}
.product-carousel.elementor-grid-6 .product-list-item {
	width: 16.66% !important;
	flex-basis: 16.66% !important;
}
@media only screen and (max-width: 1366px) {
	.product-carousel.elementor-grid-laptop-1 .product-list-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.product-carousel.elementor-grid-laptop-2 .product-list-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.product-carousel.elementor-grid-laptop-3 .product-list-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.product-carousel.elementor-grid-laptop-4 .product-list-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.product-carousel.elementor-grid-laptop-5 .product-list-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
	.product-carousel.elementor-grid-laptop-6 .product-list-item {
		width: 16.66% !important;
		flex-basis: 16.66% !important;
	}
}
@media only screen and (max-width: 1200px) {
	.product-carousel.elementor-grid-tablet_extra-1 .product-list-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.product-carousel.elementor-grid-tablet_extra-2 .product-list-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.product-carousel.elementor-grid-tablet_extra-3 .product-list-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.product-carousel.elementor-grid-tablet_extra-4 .product-list-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.product-carousel.elementor-grid-tablet_extra-5 .product-list-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
	.product-carousel.elementor-grid-tablet_extra-6 .product-list-item {
		width: 16.66%!important;
		flex-basis: 16.66% !important;
	}
}
@media only screen and (max-width: 1025px) {
	.product-carousel.elementor-grid-tablet-1 .product-list-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.product-carousel.elementor-grid-tablet-2 .product-list-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.product-carousel.elementor-grid-tablet-3 .product-list-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.product-carousel.elementor-grid-tablet-4 .product-list-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.product-carousel.elementor-grid-tablet-5 .product-list-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
	.product-carousel.elementor-grid-tablet-6 .product-list-item {
		width: 16.66% !important;
		flex-basis: 16.66% !important;
	}
}
@media only screen and (max-width: 880px) {
	.product-carousel.elementor-grid-mobile_extra-1 .product-list-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.product-carousel.elementor-grid-mobile_extra-2 .product-list-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.product-carousel.elementor-grid-mobile_extra-3 .product-list-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.product-carousel.elementor-grid-mobile_extra-4 .product-list-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.product-carousel.elementor-grid-mobile_extra-5 .product-list-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
	.product-carousel.elementor-grid-mobile_extra-6 .product-list-item {
		width: 16.66% !important;
		flex-basis: 16.66% !important;
	}
}
@media only screen and (max-width: 768px) {
	.product-carousel.elementor-grid-mobile-1 .product-list-item {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.product-carousel.elementor-grid-mobile-2 .product-list-item {
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.product-carousel.elementor-grid-mobile-3 .product-list-item {
		width: 33.33% !important;
		flex-basis: 33.33% !important;
	}
	.product-carousel.elementor-grid-mobile-4 .product-list-item {
		width: 25% !important;
		flex-basis: 25% !important;
	}
	.product-carousel.elementor-grid-mobile-5 .product-list-item {
		width: 20% !important;
		flex-basis: 20% !important;
	}
	.product-carousel.elementor-grid-mobile-6 .product-list-item {
		width: 16.66% !important;
		flex-basis: 16.66% !important;
	}
}


/*=========HIGHLIGHT OBJECTS=========*/
.highlight-title > .elementor-widget-container,
.highlight-title-2 > .elementor-widget-container {
    position: relative;
}
.highlight-title > .elementor-widget-container::after,
.highlight-title-2 > .elementor-widget-container::after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    height: 3px;
    width: 100%;
    border-radius: 100px;
    background-color: var(--e-global-color-primary);
}

.highlight-title-2 > .elementor-widget-container::after {
    background-color: var(--e-global-color-secondary);
}

#article-title-box .highlight-title > .elementor-widget-container::after,
#footer .highlight-title > .elementor-widget-container::after,
#page-single-title .highlight-title > .elementor-widget-container::after {
    background-color: #fff;
}


/*============QUANTITY ACTION============*/
/* Chrome, Safari, Edge, Opera */
.quantity input[type=number]::-webkit-outer-spin-button,
.quantity input[type=number]::-webkit-inner-spin-button,
.wc-pao-addon-input-multiplier::-webkit-outer-spin-button,
.wc-pao-addon-input-multiplier::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* Firefox */
.quantity input[type=number],
.wc-pao-addon-input-multiplier {
    -moz-appearance: textfield;
}
/*----------------------------*/
.quantity {
    direction: rtl;
    width: max-content;
    border-radius: 15px;
    box-shadow: 0 0 20px -5px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px;
    margin: 0;
    flex-shrink: 0;
    background-color: #fff;
}
.quantity .screen-reader-text {
    display: none;
}
.quantity .qty {
    margin: 0 !important;
    width: 50px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border: none !important;
    font-size: 18px !important;
    font-weight: bold;
    color: var(--e-global-color-primary) !important;
    padding: 0 !important;
    text-align: center !important;
    order: 1;
}
.quantity .minus,
.quantity .plus {
    display: inline-block;
    height: 30px;
    width: 40px;
    background: none;
    cursor: pointer;
    border: none;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 20px -5px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 0;
    margin: 0 !important;
}
.quantity .plus {
	float: left;
	background-image: url("../image/plus-gray.svg");
	order: 2;
}
.quantity .minus {
	float: right;
	background-image: url("../image/minus-gray.svg");
	order: 0;
}
.quantity .minus.trash {
	display: none !important;
}


/*============CUSTOM CAROUSEL============*/
.swiper-carousel .swiper-container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
.swiper-carousel .swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    direction: rtl;
    transform: none !important;
}
/*---------------------------------------*/
.product-carousel ul.products,
.object-carousel .elementor-loop-container,
.custom-carousel {
    display: flex !important;
	flex-direction: row !important;
    flex-wrap: nowrap !important;
	gap: 0 !important;
    justify-content: flex-start !important;
    width: 100% !important;
    overflow-x: auto !important;
    -ms-overflow-style: none !important; /* for Internet Explorer, Edge */
    scrollbar-width: none !important; /* for Firefox */
    transform: none !important;
}
.product-carousel ul.products::-webkit-scrollbar,
.object-carousel .elementor-loop-container::-webkit-scrollbar,
.custom-carousel::-webkit-scrollbar {
    display: none !important; /* for Chrome, Safari, and Opera */
}
.custom-carousel * {
    user-select: none;
}
.custom-carousel:hover {
    cursor: grab;
}
.custom-carousel.draging {
    cursor: grabbing;
    user-select: none;
}
.product-carousel .product-list-item,
.object-carousel .e-loop-item,
.custom-carousel .carousel-item {
    flex: 0 0 100% !important;
    /*flex: 0 0 auto !important;*/
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
}
.product-carousel > .elementor-widget-container,
.object-carousel .elementor-widget-container,
.custom-carousel-box {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.custom-carousel-box .custom-carousel-prev,
.custom-carousel-box .custom-carousel-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 100px;
    z-index: 9;
    font-size: 40px;
    line-height: 45px;
    color: #aaa;
    text-align: center;
    /*direction: ltr;*/
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='20'><path fill='%23DDD' fill-rule='evenodd' d='M.366 19.708c.405.39 1.06.39 1.464 0l8.563-8.264a1.95 1.95 0 0 0 0-2.827L1.768.292A1.063 1.063 0 0 0 .314.282a.976.976 0 0 0-.011 1.425l7.894 7.617a.975.975 0 0 1 0 1.414L.366 18.295a.974.974 0 0 0 0 1.413'/></svg>");
    background-size: 15px 30px;
    background-repeat: no-repeat;
    background-position: center center;
}
.custom-carousel-box .custom-carousel-next {
    left: 0;
    transform: rotate(180deg);
}
.custom-carousel-box:hover .custom-carousel-next {
    left: 0;
}
.custom-carousel-box .custom-carousel-prev {
    right: 0;
}
.custom-carousel-box:hover .custom-carousel-prev {
    right: 0;
}
/*----------------------------------------*/
.custom-carousel-bullet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: absolute;
    top: auto;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}
.custom-carousel-bullet a {
    display: flex;
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 100px;
	cursor: pointer;
    flex-shrink: 0;
}
.custom-carousel-bullet a.active-index {
    background-color: #f34;
    width: 40px;
    flex-shrink: 1;
}
.custom-carousel-bullet ~ .custom-carousel {
    padding-bottom: 20px;
}
.custom-carousel-box ~ .elementor-swiper-button {
	display: none !important;
}


/*=========PRODUCT LIST ITEM=========*/
.product-list-item {
    position: relative;
    height: auto;
    display: flex !important;
    flex-shrink: 0;
    z-index: 1;
	padding: 10px !important;
}
.product-list-item .inner {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 10px !important;
    background-color: white;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center !important;
    border: 1px solid #EBF4F9;
    border-radius: 10px;
	row-gap: 10px;
}
/*-----------------------------------*/
.product-list-item .discount {
	display: none;
}
.product-list-item .discount[has-discount] {
    line-height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: absolute;
    /*top: 5px ;*/
    /*left: 5px ;*/
    bottom: 4px !important;
	right: -4px !important;
    color: white;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 5px 4px !important;
    margin: 0 !important;
    border-radius: 5px;
    background: #CE394C;
    height: max-content;
    min-height: max-content;
    z-index: 1;
}
.product-list-item .discount[has-discount]::after {
	content: "تخفیف";
}
.product-list-item .timer {
    display: none;
}
.product-list-item .timer[data-date] {
    display: flex;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    background: orange;
    color: #000;
    font-size: 13px;
    padding: 7px 5px 3px;
    line-height: 10px;
    border-radius: 5px;
    width: 90px;
    align-items: center;
    justify-content: center;
}
/*-----------------------------------*/
.product-list-item .product-image {
    display: inline-block;
    width: 100%;
    position: relative;
    line-height: 0;
}
.product-list-item .product-image img {
    width: 100% !important;
    border-radius: 10px;
    margin: 0 auto !important;
}
.product-list-item .product-image .onsale {
    display: none !important;
}
/*-----------------------------------*/
.product-list-item .title-link {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-list-item .subtitle {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size: 14px;
	font-weight: 400;
	color: #aaa;
}
.product-list-item .woocommerce-loop-product__title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 !important;
    font-size: 18px !important;
	font-weight: 500 !important;
    color: #000 !important;
    margin: 3px 0 !important;
}
.product-list-item .star-rating {
    display: none !important;
}
/*-----------------------------------*/
.product-list-item .price-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 10px;
    flex-grow: 1;
}
.product-list-item .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.product-list-item .woocommerce-Price-amount {
	font-weight: 800 !important;
	color: #000 !important;
	font-size: 18px !important;
}
.product-list-item .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-weight: 400 !important;
    font-size: 13px !important;
	color: #7694A5 !important;
}
.product-list-item del,
.product-list-item del .woocommerce-Price-amount {
    color: #bbb !important;
    opacity: 1 !important;
}
.product-list-item del .woocommerce-Price-amount {
	font-weight: 300 !important;
	font-size: 16px !important;
}
.product-list-item del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #bbb !important;
}
.product-list-item .price ins {
	color: #000 !important;
    text-decoration: none !important;
}
/*-----------------------------------*/
.product-list-item .button-box {
	width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
	flex-shrink: 0;
    border-radius: 15px !important;
    margin: 0 !important;
	padding: 0 !important;
    color: #0000 !important;
	background-color: #0000 !important;
}
.product-list-item .add_to_cart_button {
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
	height: 100%;
	z-index: 1;
    margin: 0 !important;
	padding: 0 !important;
    color: #0000 !important;
    font-size: 0px !important;
    border: none !important;
    background-color: #EBF5FB !important;
	background-image: url(../image/basket.svg) !important;
	background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 40% !important;
}
.product-list-item .add_to_cart_button:hover {
	background-color: #2DD48D !important;
	background-image: url(../image/basket-white.svg) !important;
}

@media only screen and (max-width: 767px) {
	.product-list-item {
		padding: 5px !important;
	}
	.product-list-item .inner {
		padding: 5px !important;
		row-gap: 5px;
	}
	.product-list-item .woocommerce-loop-product__title {
		font-size: 15px !important;
	}
	.product-list-item .subtitle {
		font-size: 13px;
	}
	.product-list-item del .woocommerce-Price-amount {
		font-size: 14px !important;
	}
	.product-list-item .woocommerce-Price-amount {
		font-size: 16px !important;
	}
	.product-list-item .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
		font-size: 13px !important;
	}
	.product-list-item .button-box {
		width: 45px;
		height: 45px;
	}
	.product-list-item .add_to_cart_button {
		background-size: 65% !important;
	}
	.product-list-item .timer[data-date] {
		font-size: 11px;
    	padding: 5px 3px 2px;
		width: 70px;
	}
	.product-list-item .discount[has-discount] {
    	gap: 3px;
		font-size: 11px;
		padding: 5px 4px 2px !important;
	}
}


/*================ARTICLE LIST ITEM================*/
.article-list-item {
    height: 100%;
}
.article-list-item::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -80%;
    transform: skewX(-35deg);
    background: linear-gradient(to left,#0000,#fff5,#0000);
    width: 200px;
    height: 100%;
    mix-blend-mode: color-dodge;
    transition: 300ms linear;
}
.article-list-item:hover:after {
    left: 120%;
}
.article-list-item .image::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 0 0 17px 17px;
    background-image: linear-gradient(0deg,#0009 30%,#0000 70%);
}
.article-list-item .image,
.article-list-item .image .elementor-image {
    height: 100%;
}


/*=========PAGINATION=========*/
.woocommerce-pagination {
	order: 50;
    margin: 0;
    width: 100%;
    text-align: center;
}
nav.elementor-pagination,
.woocommerce-pagination ul.page-numbers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: none;
    gap: 20px;
    padding: 0;
    list-style: none;
    margin: 0;
}
.woocommerce-pagination ul.page-numbers li {
    overflow: visible;
    border: none;
}
nav.elementor-pagination > a,
nav.elementor-pagination > .current,
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li .current {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: #ccc;
    padding: 5px 0 0;
    font-size: 17px;
    font-weight: 400;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 10px 2px #ddd;
    margin: 0;
    margin: 0 !important;
    width: 40px;
    height: 40px;
}
nav.elementor-pagination > a:hover,
nav.elementor-pagination > .current,
.woocommerce-pagination ul.page-numbers li:hover a,
.woocommerce-pagination ul.page-numbers li .current {
    box-shadow: 0 10px 10px -5px #f24;
    background: #f34;
    color: white;
}
nav.elementor-pagination > .dots {
    margin: 0 !important;
}

@media only screen and (max-width: 767px) {
    nav.elementor-pagination,
    .woocommerce-pagination ul.page-numbers {
        gap: 10px;
    }
    nav.elementor-pagination > a,
    nav.elementor-pagination > .current,
    .woocommerce-pagination ul.page-numbers li a,
    .woocommerce-pagination ul.page-numbers li .current {
        font-size: 16px;
        border-radius: 10px;
        width: 30px;
        height: 30px;
    }
}


/*================ COMMENTS ================*/
.woocommerce-Tabs-panel--reviews #comments {
	text-align: center;
}
.woocommerce-Tabs-panel--reviews #commentform {
	width: min(450px, 100%);
    margin: auto;
}
#comments ol {
    list-style: none;
}
#comments p {
    line-height: 1.2em;
}
#comments .woocommerce-Reviews-title {
    margin-bottom: 5px;
}
#comments ol li {
    display: inline-block;
    width: 100%;
}
#comments .comment-list {
	padding: 0;
	margin-bottom: 40px;
}
#comments .comment-body {
	position: relative;
    padding-right: 50px;
    padding-left: 50px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}
#comments .comment-meta,
#comments .comment-author {
	position: unset;
	display: inline-block;
    width: 100%;
}
#comments .comment-author {
	float: right;
	width: auto;
}
#comments .comment-metadata {
    position: absolute;
    top: 15px;
    left: 0;
}
#comments .comment-author img {
	position: absolute;
    right: 0;
    top: 15px;
    border-radius: 100px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    border: 2px solid #fff;
	width: 40px;
    height: 40px;
}
#comments .comment-author b {
	color: var(--e-global-color-primary);
}
#comments .comment-author span,
#comments .comment-metadata a {
	font-size: 13px;
    color: #ccc;
}
#comments .comment-awaiting-moderation {
	width: 100%;
    display: inline-block;
    font-size: 12px;
    color: red;
}
#comments .reply {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
}
#comments .reply a {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%231E4CC1' width='100%' height='100%' viewBox='0 0 512 512'><path d='M171.154 312.882 45.846 187.142c-7.799-7.798-7.799-20.486-.032-28.252L171.098 34.174c7.828-7.793 7.856-20.456.063-28.284-7.792-7.829-20.455-7.856-28.284-.064L17.56 130.574c-23.393 23.394-23.393 61.458-.023 84.828l125.284 125.716A19.935 19.935 0 0 0 156.987 347a19.94 19.94 0 0 0 14.119-5.834c7.823-7.797 7.846-20.46.048-28.284z' /><path d='M332.487 153h-213.5c-11.046 0-20 8.954-20 20s8.954 20 20 20h213.5c76.921 0 139.5 62.58 139.5 139.5S409.408 472 332.487 472c-11.046 0-20 8.954-20 20s8.954 20 20 20c98.977 0 179.5-80.523 179.5-179.5S431.464 153 332.487 153z' /></svg>");
	background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: rgba(0,0,0,0);
}
#reply-title {
    display: none;
}
#commentform > p.comment-form-comment {
    position: relative;
    display: inline-block;
    width: 100%;
	margin: 0;
    line-height: 0;
}
#commentform label {
    color: #aaa;
	line-height: 20px;
	text-align: right !important;
    display: inline-block;
}
#commentform textarea, 
#commentform input:not([type="checkbox"]) {
    border: none;
    background-color: #eee;
    border-radius: 10px;
    min-height: 50px;
    outline-color: var(--e-global-color-primary);
    width: 100%;
	padding: 15px;
}
#commentform input[type="submit"] {
    background-color: var(--e-global-color-primary);
    color: #fff;
    width: max-content;
    padding: 15px 30px;
	font-family: var(--font-family);
	margin-top: 10px;
}
#commentform .comment-form-author,
#commentform .comment-form-email {
    width: 49%;
    float: right;
    line-height: 0;
}
#commentform .comment-form-author {
    margin-right: 1%;
}
#commentform .comment-form-email {
    margin-left: 1%;
}







.single-product-add-to-cart .single_add_to_cart_button .icon{
    background-image: none !important;
    width: 0 !important;
}