/* ----------------------------------------------------------------
	Canvas: Jewellery Boutique
-----------------------------------------------------------------*/

/* triggerEl.parent( menuItemT ).toggleClass('menu-item-open'); */

:root {
	--cnvs-themecolor: #1F2506;
	--cnvs-themecolor-rgb: 31, 37, 6;
	--cnvs-color-secondary: #FCF8F2;
	--cnvs-primary-font: "Noto Serif Display", serif;
	--cnvs-body-font: 'Montserrat', sans-serif;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#header {
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font-size:	1rem;
	--cnvs-primary-menu-tt:	none;
	--cnvs-primary-menu-ls:	0;
	--cnvs-primary-menu-submenu-font-size:	0.875rem;
	--cnvs-primary-menu-submenu-font-weight:	400;
	--cnvs-primary-menu-submenu-hover-font-weight: 500;
	--cnvs-primary-menu-submenu-tt:	none;
}

.page-title-content h1, .page-title-content .h1, .section-contact h3, .bg-transparent h2, .cat-card h3, .product-title h3, h2.urnbs{
	font-family: var(--cnvs-body-font);
}

.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
	font-size: calc(var(--cnvs-primary-menu-submenu-font-size) * 0.9);
}

.top-cart-number {
	top: -10px;
	right: -10px;
	background-color: transparent;
}

/* Top Search Icon Switch */
.top-search-open #top-search a i:nth-child(1),
body:not(.top-search-open) #top-search a i:nth-child(2) {
	opacity: 0;
}
.top-search-open .top-search-parent .header-misc > #top-cart {
	opacity: 1;
}

.canvas-button {
	--cnvs-canvas-button-padding: 1.125rem 2rem;
	--cnvs-canvas-button-font-size: 1.25rem;
	pointer-events: auto;
	cursor: pointer;
	background: #E2E2E2;
	border: none;
	font-size: var(--cnvs-canvas-button-font-size);
	position: relative;
	display: inline-block;
	font-weight: 400;
	padding: var(--cnvs-canvas-button-padding);
	overflow: hidden;
	color: #E2E2E2;
	border-radius:  0.25rem;
}

.canvas-button.canvas-button-sm {
	--cnvs-canvas-button-padding: 0.875rem 1.5rem;
	--cnvs-canvas-button-font-size: 1rem;
}

.canvas-button::before,
.canvas-button::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.canvas-button span {
	display: block;
	position: relative;
	color: #E2E2E2;
}

.canvas-button > span {
	overflow: hidden;
}

.canvas-button > span > span {
	overflow: hidden;
	mix-blend-mode: difference;
}

.canvas-button:hover > span > span {
	animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}

@keyframes MoveUpInitial {
	to {
		transform: translate3d(0,-105%,0);
	}
}

@keyframes MoveUpEnd {
	from {
		transform: translate3d(0,100%,0);
	}
	to {
		transform: translate3d(0,0,0);
	}
}

#header.sticky-on-scrollup #header-wrap {
	-webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
	-o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
	transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
}

#header.sticky-on-scrollup.sticky-header #header-wrap { margin-top: calc(var(--cnvs-header-height-shrink) * -1); }

#header.sticky-on-scrollup.show-sticky-onscroll.sticky-header #header-wrap { margin-top: 0px; }

.canvas-button::before {
	content: '';
	background: #111;
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
	transform-origin: 100% 50%;
}

.canvas-button:hover::before {
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
}

/* Image Hover */
.img-hover-block {
	z-index: 0;
}

.img-hover-block span {
	position: relative;
}

.img-hover-block:hover span {
	mix-blend-mode: difference;
	color: #FFF;
	z-index: 2;
}

.hover-reveal {
	position: fixed;
	width: 220px;
	height: 320px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	z-index: 1;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__inner {
	overflow: hidden;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}


.mega-menu-content .mega-menu-links li {
	position: relative;
	list-style: none;
	display: inline-block;
}

.mega-menu-content .mega-menu-links li a {
	display: block;
	padding: 0.25rem 1.125rem;
	color: #111;
	font-family: var(--cnvs-primary-font);
	color: rgba(0,0,0,.5);
	font-size: calc(1.5vw + 0.875rem);
	font-weight: 300;
	transition: all 0.2s ease-in-out;
}

.mega-menu-content .mega-menu-links li.target-link-active a,
.mega-menu-content .mega-menu-links li:hover a {
	color: rgba(0,0,0,1);
	letter-spacing: 1px;
}

.mega-menu-content .mega-menu-links li:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(100% - 3px);
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
	background-color: #DDD;
	will-change: transform;
}

.target-content {
	position: relative;
	overflow: hidden;
	background-color: rgba(0,0,0,.1);
}

.target-content > div {
	position: relative;
	opacity: 0.7;
	z-index: 1;
	transform: scale(1);
	will-change: transform;
	transition: all 0.2s linear;
}

.target-content > .target-active {
	opacity: 1;
	z-index: 2;
	transform: scale(1.02);
}

.target-content > div:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Reveal Carousel */
.reveal-content .owl-drag + .canvas-cursor {
	--cnvs-cursor-size: 80px;

	display: flex;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	align-items: center;
	justify-content:  center;
	width: var(--cnvs-cursor-size);
	height: var(--cnvs-cursor-size);
	left: calc(var(--cnvs-cursor-size) / -2);
	top: calc(var(--cnvs-cursor-size) / -2);
	border-radius: 50%;
	z-index: 99999;
	border: 1px solid #FFF;
	mix-blend-mode: difference;
	transition: width 0.4s ease-in-out,height 0.4s ease-in-out,top 0.4s ease-in-out,left 0.4s ease-in-out, opacity 0.3s .1s ease-in-out;
}

.device-touch .reveal-content .owl-drag + .canvas-cursor {
	display: none;
}

.reveal-content:hover .owl-drag + .canvas-cursor {
	visibility: visible;
	opacity: 1;
}

.reveal-content .owl-drag + .canvas-cursor .canvas-cursor-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 80%;
	color: #FFF;
	font-family: var(--cnvs-primary-font);
	will-change: transform;
}

.reveal-content .owl-drag.owl-grab + .canvas-cursor .canvas-cursor-text {
	opacity: 0;
	visibility: hidden;
}

.reveal-content .owl-drag.owl-grab + .canvas-cursor {
	--cnvs-cursor-size: 50px;
}

.reveal-content .owl-drag + .canvas-cursor .icon-caret-left,
.reveal-content .owl-drag + .canvas-cursor .icon-caret-right {
	--cnvs-arrow-pos: 50px;
	color: #FFF;
	font-size: 24px;
	transition: transform ease-in-out 0.4s;
}

.reveal-content:hover .owl-drag.owl-grab + .canvas-cursor .icon-caret-left,
.reveal-content:hover .owl-drag.owl-grab + .canvas-cursor .icon-caret-right {
	--cnvs-arrow-pos: 10px;
}

.reveal-content .owl-drag + .canvas-cursor .icon-caret-left {
	transform: translateX(calc(-1 * var(--cnvs-arrow-pos)));
}

.reveal-content .owl-drag + .canvas-cursor .icon-caret-right {
	transform: translateX(var(--cnvs-arrow-pos));
}

.reveal-content .owl-drag .owl-item {
	transition: transform 0.65s ease-in-out ;
}

.reveal-content .owl-drag.owl-grab .owl-item {
	transform: scale(0.85);
}


.product:hover .product-desc h2 {
	font-style: italic;
}

.circular-text {
	position: absolute;
	width: 180px;
	height: 180px;
	top: -90px;
	right: -90px;
}

.circular-text-rotate {
	font-size: 13px;
	font-family: var(--cnvs-body-font) !important;
	opacity: .5;
	text-transform: uppercase;
}

.skrollable {
	transition: all 0.2s linear;
	transform-style: preserve-3d;
}

.is-expanded-menu .menu-container > .menu-item > .menu-link > div > i {
	transition: transform .2s cubic-bezier(0.7, 0, 0.2, 1);
	margin-left: 2px;
	top: 0;
}

.is-expanded-menu .menu-container > .menu-item:not(.menu-item-open):hover > .menu-link > div > i,
.is-expanded-menu .menu-container > .menu-item.menu-item-open > .menu-link > div i {
	transform:  rotate(45deg);
	opacity: .7;
}

.is-expanded-menu #header.transparent-header.semi-transparent {
	--cnvs-header-bg: rgba(255,255,255,0.2);
	z-index: 199;
}

.is-expanded-menu #header.transparent-header.semi-transparent.sticky-header {
	--cnvs-header-bg: #FFF;
}

.is-expanded-menu .menu-container > .menu-item:not(:first-child) {
	margin-left: 0;
}

.is-expanded-menu .menu-link {
	font-size: 1.125rem;
}

.is-expanded-menu #header.transparent-header::before {
	content: "";
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--cnvs-color-secondary);
	box-shadow: none;
	transform-origin: top center;
	transition: opacity .2s linear;
	will-change: transform;
}

.is-expanded-menu.top-search-open #header.transparent-header::before,
.is-expanded-menu #header.hover-light.transparent-header::before {
	opacity: 1;
}

.is-expanded-menu #header .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container,
.is-expanded-menu #header .primary-menu:not(.on-click) .mega-menu-content {
	box-shadow: none;
	opacity: 0;
	border-top: 0;
	margin-top: 0;
	transform: scaleY(0);
	will-change: transform;
	transform-origin: top center;
	transition: transform .2s .1s linear !important;
	background-color: var(--cnvs-color-secondary);
}

.is-expanded-menu #header .primary-menu:not(.on-click) .menu-item:hover:not(.mega-menu) .sub-menu-container,
.is-expanded-menu #header .primary-menu:not(.on-click) .menu-item:hover .mega-menu-content {
	transform: scaleY(1);
	opacity: 1;
}



.is-expanded-menu #header .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container > *,
.is-expanded-menu #header .primary-menu:not(.on-click) .mega-menu-content > * {
	display: block;
	opacity: 0;
	transition: opacity .3s .3s ease !important;
}

.is-expanded-menu #header .primary-menu:not(.on-click) .menu-item:hover:not(.mega-menu) .sub-menu-container > *,
.is-expanded-menu #header .primary-menu:not(.on-click) .menu-item:hover .mega-menu-content > * {
	opacity: 1;
}

.is-expanded-menu .mega-menu-content .mega-menu-links li a {
	padding: .5rem 2rem;
}

.is-expanded-menu .mega-menu-content .mega-menu-links li::before {
	left: calc(100% - 5px);
	width: 10px;
	height: 10px;
}

@media (min-width: 992px) {
	.owl-stage {
	    right: -50px;
	}

	#wrapper::after {
		content: "";
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		visibility: hidden;
		background-color: rgba(19, 8, 2, 0);
		transition: opacity 0.7s, background-color 0.2s ease;
	}

	.is-expanded-menu.top-search-open #wrapper::after,
	#wrapper.header-overlay::after {
		opacity: 1;
		background-color: rgba(19, 8, 2, 0.6);
		visibility: visible;
	}

}

.dropdown-langs .dropdown-item {
	font-size: 14px;
}

.dropdown-langs img {
	margin-right: 8px;
	width: 18px;
	height: 18px;
}

.dropdown-langs .dropdown-toggle::after {
	position: relative;
	font-family: 'bootstrap-icons';
	content: "\F229";
	font-size: 10px;
	top: 3px;
	border: 0;
	color: #666;
	margin-left: -5px;
}

.opacity-very-light {position: absolute; height: 100%; width: 100%; opacity: 0.2; top:0; left: 0;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}

/* ===================================
    Background color
====================================== */

.bg-transparent, .background-transparent {background-color: transparent;}
.bg-white, .background-white {background-color:#fff;}
.bg-black, .background-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-very-dark-gray {background-color:#2f2f2f;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0}
.bg-medium-light-gray {background-color:#ededed}
.bg-light-gray {background-color:#f7f7f7}
.bg-very-light-gray {background-color:#fafafa}
.bg-deep-pink {background-color:#f15b26;}
.bg-transparent-white { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.bg-transparent-black { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
.bg-gradient-light-red-light-orange { background-image: linear-gradient(to right top, #2b5343, #366854, #2b5343, #366854, #366854) }
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.bg-black-opacity { background-color: rgba(0, 0, 0, 0.85); }
.bg-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }
.bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
.bg-charcoal-gray{background-color: #0e0f10;}

.resim1{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	margin-bottom:10px;
}

.resim2{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	margin-top:10px;
}

.resim3{
	float:right;
	margin: 10px 0 10px 0;
}

.resim4{
	float:left;
	margin: 0px 10px 0px 10px;
}

.icerikresim{
	width:50%; float:left; margin-right:20px;
}

.icerikresim2{
	width:50%; float:right; margin-left:20px;
}

.resim1 img, .resim2 img, .resim3 img, .resim4 img, .icerikresim img, .icerikresim2 img{
	width:100%;
	border-radius:4px;
}

.glrs{
	height:178px;
}

.formpage{
	max-width:600px;
	margin:0 auto;
}


@media (min-width: 1200px) {

.icerikresim{
	width:50%; float:left; margin-right:20px;
}

.icerikresim2{
	width:50%; float:right; margin-left:20px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
	
.icerikresim{
	width:70%; float:left; margin-right:20px;
}

.icerikresim2{
	width:70%; float:right; margin-left:20px;
}

.glrs{
	height:155px;
}

}

@media (max-width: 768px) {
.icerikresim{
	width:70%; float:left; margin-right:20px;
}

.icerikresim2{
	width:70%; float:right; margin-left:20px;
}

.glrs{
	height:auto;
}

}

@media (min-width: 100px) and (max-width: 767px) {
	#page-title h1{font-size:30px;}
.icerikresim{
	width:100%; float:left; margin-bottom:20px;
}

.icerikresim2{
	width:100%; float:right; margin-bottom:20px;
}

.glrs{
	height:auto;
}

}

.imgoval, .imgoval img{
	border-color:#ddd;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.hrt iframe, .hrt frame{
	width:100%;
}

.smfont{
	font-weight:500;
	font-size:11px;
	color:#FFF;
}

a.list-group-item.smfont {
	font-size:11px;
}

.syhrenk{
	color:#000;
}

.brbottom{
	border-bottom:5px solid #734c98;
	padding:0px;
	padding-bottom:30px;
}

.gns{
	width:100%;
	float:left;
}

.content-details, .content-details p{
	font-size:14px;
	line-height:13px;
	color:#000;
	font-weight:400;
}

ul{
	margin-left:30px;
}

p{
	margin:0px;
}

.swiper-urunler .swiper-slide {
	width: 33.3333%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: 1px solid rgba(var(--cnvs-contrast-rgb), .1);
	border-left: 0;
	padding: 40px;
}

.swiper-urunler .swiper-slide:not(.d-none):hover {
	background-color: rgba(var(--cnvs-themecolor-rgb), .07);
}



.swiper-urunler .slider-arrow-left,
.swiper-urunler .slider-arrow-right {
	--cnvs-slider-arrows-size: 50px;
	--cnvs-slider-arrows-offset: 30px;
    left: var(--cnvs-slider-arrows-offset);
    transform: translateY(-50%);
	border-radius: 50%;
	line-height: 42px;
	text-align: center;
}

.swiper-urunler .slider-arrow-left img,
.swiper-urunler .slider-arrow-right img {
	width: 24px;
	height: 24px;
	text-align: center;
}

.swiper-urunler .slider-arrow-left:hover,
.swiper-urunler .slider-arrow-right:hover {
	--cnvs-slider-arrows-bg-hover-color: #cd0000;
}

.swiper-urunler .slider-arrow-right {
	left: auto;
	right: var(--cnvs-slider-arrows-offset);
}

.swiper-urunler .swiper-button-disabled {
	display: none;
}

/* Single Page */
#sticky-dots {
	position: -webkit-sticky;
	position: sticky;
	top: 50%;
	margin-left: -20px;
	height: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.sticky-dot {
	display: block;
	position: relative;
	padding: 0;
	margin: 3px 0;
	width: 18px;
	height: 18px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: var(--cnvs-themecolor) !important;
	transition: all .3s ease;
	transform-origin: center center;
}

.sticky-dot i.bi-play {
	font-size: 20px;
}

.sticky-dot.active i.bi-circle::before {
	content: "\f287";
}

.sticky-dot.active i.bi-play::before {
	content: "\f4f4";
}

.sticky-dot.active {
	transform: scale(1.5);
	margin: 6px 0;
}


.cart-border .quantity {
	--cnvs-cart-quantity-bg: transparent;
	--cnvs-cart-quantity-border-color: var(--cnvs-themecolor);
	--cnvs-cart-quantity-bg-hover: transparent;
	border: var(--cnvs-cart-quantity-border) solid var(--cnvs-cart-quantity-border-color);
}

.cart-border-2 .quantity {
	--cnvs-cart-quantity-height: 48px;
	--cnvs-cart-quantity-color-hover: var(--cnvs-themecolor);
}


.section-single-features {
	padding: 60px 0;
}

.button-filter.button-filter-active-hide span:nth-child(2),
.button-filter span:nth-child(1) {
	display: none;
}

.button-filter.button-filter-active-hide span:nth-child(1) {
	display: block;
}

@media (min-width: 768px) {
	.skincare-shop-single .quantity {
		--cnvs-cart-quantity-width: 38px;
	}
}

.is-expanded-menu .mega-menu-small .mega-menu-content {
	left: 0;
	width: 50rem;
	transform: none;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

@media (min-width: 992px) {

	.skincare-shop-desc {
		position: -webkit-sticky !important;
		position: sticky !important;
		height: 100%;
		top: 50px;
	}

	.section-bottle-img {
		margin-top: -180px;
	}

	.section-single-features {
		padding: 100px 0 60px;
	}

	.button-filter i {
		transform: rotate(-90deg);
	}

	.skincare-shop-single .quantity {
		--cnvs-cart-quantity-width: 40px;
	}

	.page-title.page-title-parallax h1 {
		font-size: 3.5rem;
	}

}

.skincare-filter {
	transition:
		margin .4s ease,
		transform .4s ease,
		opacity .3s .15s ease;
	margin-right: 0%;
	opacity: 1;
	height: auto;
}

.skincare-filter-hide {
	margin-right: -25%; /*  col-* width */
	opacity: 0;
	height: 0;
}

.skincare-filter + div {
	transition: flex .4s ease,
	width .4s ease;
}

.skincare-filter-hide + div {
	flex: 1 1 auto;
	width: 100%;
}

.irs--round .irs-handle {
	border-color: var(--cnvs-themecolor);
}

.irs--round .irs-line {
	background-color: rgba(var(--cnvs-themecolor-rgb), .2) !important;
}

.shop-filter-count {
	opacity: .4;
	font-size: 0.75rem;
}

.active-filter .shop-filter-count {
	opacity: 1;
	color: var(--cnvs-themecolor);
}

.skincare-filter
	.list-unstyled li a {
	flex: 1 1 auto;
	display: block;
}

#shop-filter-btn.show {
	background-color: var(--cnvs-themecolor);
	color: #FFF !important;
}

#shop-filter-sorting .dropdown-item {
	padding: 0 !important;
	color: #111;
}
#shop-filter-sorting .dropdown-item.active,
#shop-filter-sorting .dropdown-item:active,
#shop-filter-sorting .dropdown-item:hover {
	background-color: var(--bs-gray-200) !important;
}
#shop-filter-sorting .dropdown-item span {
	display: block;
	padding: 8px 20px;
	border-bottom: 1px solid var(--bs-gray-200);
	font-size: .925rem;
}

#shop-filter-sorting .dropdown-toggle::after {
	content: "\F128";
	font-family: "bootstrap-icons";
	border: 0;
	vertical-align: middle;
	margin: 0 0 0 6px;
}

.widget-filter-reset {
	position: absolute;
	top: 0px;
	left: auto;
	right: 0;
	font-size: 12px;
	line-height: 22px;
}

.widget:not(:first-child) .widget-filter-reset { top: -30px; }

.widget-filter-reset.active-filter { display: none; }


.skincare-shop-cart .quantity {
	--cnvs-cart-quantity-width: 32px;
	--cnvs-cart-quantity-height: 40px;
}

.skincare-shop-cart .cart td {
	padding: 16px 0px !important;
	border-color: rgba(0,0,0,0.05) !important;
}

.skincare-shop-cart .cart .cart_item:last-child td {
	border-bottom: 0 !important;
}

@media (max-width: 767.98px) {

	.cart:not(.cart-totals) .cart_item {
		border: 1px solid #EEE;
		margin-bottom: 1.5rem;
		padding: 3rem;
		background-color: rgba(var(--cnvs-themecolor-rgb), .075);
		border-radius: 10px;
	}
}

@media (min-width: 992px) {

	.skincare-shop-cart .quantity {
		--cnvs-cart-quantity-width: 44px;
		--cnvs-cart-quantity-height: 40px;
	}

}