body {
	color: rgba(0, 0, 0, 0.8);
	background-color: #F4EDE750;
	background-color: hsl(28, 30%, 96%);
}


.c-2 {
	color: #5c6771 !important;
}


.button2 {
	display: grid;
	align-content: center;
	border: none;
	color: #fff;
	background: url(../ico/arrow-right-fff.svg) right 1.4rem center no-repeat;
	background-color: #383c40 !important;
	background-size: 1rem;
	border-radius: 10rem;
	padding: 0 1.5rem;
	min-height: 42px;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-right: 3.3rem !important;
	text-transform: uppercase;
	font-family: 'Font1 Bold';
	font-size: 1rem;
	transition: all .2s ease-in-out;
}
.button2b {
	background: #383C40;
	padding: .8rem 1.5rem !important;
}
.button2:hover {
	background-color: #000 !important;
}
.button3 {
	background-image: url(../ico/arrow-right-383C40.svg);
	background-color: #383C40;
}
.button3:hover {
	background-color: #5C6771 !important;
	color: #fff !important;
	background-image: url(../ico/arrow-right-fff.svg) !important;
}
.button4 {
	color: #5C6771;
	background-color: #fff !important;
	background-image: url(../ico/arrow-right-383C40.svg) !important;
}
.button4:hover {
	color: #fff;
	background-color: #000 !important;
	background-image: url(../ico/arrow-right-fff.svg) !important;
}
.button5 {
	background-image: url(../ico/arrow6-fff.svg) !important;
	background-size: .9rem;
}
.button6 {
	background-color: #dc793c;
}
.button7 {
	color: #fff;
	background-color: #3d616f;
	background-image: url(../ico/arrow-right-fff.svg);
	background-size: .9rem;
}
.button8 {
	color: #fff;
	background-color: #fff;
	background-image: url(../ico/play3.svg);
	background-size: 1.2rem;
}
.button8:hover {
	color: #fff;
	background-color: var(--c-linea) !important;
}
.button-000 {
	background-color: #000;
	color: #fff;
}
		@media (max-width: 1050px ) {
			.button {
				padding-left: 1rem;
				padding-right: 1rem;
			}
		}
		@media (min-width: 1050px ) {
			.button {
				/*max-width: 27rem;*/
			}
		}
.button:disabled {
	opacity: 0.3;
}


.button-select {
	-moz-appearance: none;
	-webkit-appearance: none;
	font-family: 'Font1 Standard';
	font-weight: bold;
	appearance: none;
	background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIyNS45MjMgMzU0LjcwNmMtOC4wOTggMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcgMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3IDAtNDQuNzUxIDEyLjM1NC0xMi4zNTQgMzIuMzg4LTEyLjM1NCA0NC43NDggMGwxNzEuOTA1IDE3MS45MTUgMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQgMzIuMzkxLTEyLjM1NCA0NC43NDQgMCAxMi4zNjUgMTIuMzU0IDEyLjM2NSAzMi4zOTIgMCA0NC43NTFMMjQ4LjI5MiAzNDUuNDQ5Yy02LjE3NyA2LjE3Mi0xNC4yNzQgOS4yNTctMjIuMzY5IDkuMjU3eiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
	background-position: center right 0.6rem;
	background-size: auto 0.7rem;
	background-repeat: no-repeat;
	padding-right: 2.5rem;
	min-width: 4rem;
	padding-left: 1rem;
	padding-right: 1.5rem;
}
.button-research {
	border: none;
	border-radius: 10rem;
	background-color: #383c40;
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	font-family: 'Font1 Bold';
	padding: .75rem 2rem;
	transition: all .15s ease-in-out;
}
.button-research:hover {
	filter: none !important;
	background-color: #000;
}

.form-info {
	border: solid 1px rgba(0,0,0,0.1);
	padding: 1.5rem;	
}
.form-info p {
	margin: 0;
}

.vid-container {
	display: grid;
	position: relative;
	cursor: pointer;
	align-self: start;
}
.vid-play {
	height: 4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	filter: drop-shadow(0 0 0.7rem #000);
}
.vid {
	border: none;
	width: 100%;
	aspect-ratio: 16/9;
}
.vid2 {
	aspect-ratio: 1;
}
h1, h2, h3, h4 {
	color: #000;
	font-family: 'Font1 Bold';
	font-weight: normal;
	margin: 0;
}
h1 {
	font-size: 3.7rem;
	letter-spacing: -1px;
	line-height: 0.95;
	margin-left: -.2rem;
}
h1 sup {
	font-size: 1.5rem;
}
		@media (max-width: 1050px ) {
				h1 sup {
					font-size: 1rem;
				}
		}
#home h1 {
	font-size: 4.5rem;
}
.h1-s {
	font-size: 2.5rem;
	letter-spacing: 0;
	line-height: 1;
	margin-left: 0; /* FIX font kerning */
}
		@media (max-width: 1050px ) {
				h1, .h1-s {
					font-size: 2.2rem;
				}
				#home h1 {
					font-size: 2.7rem;
				}
		}
h2 {
	font-size: 2.5rem;
	line-height: 1.1;
	letter-spacing: .5px;
}
h2 sup {
	font-size: 1.3rem;
}
		@media (max-width: 1050px ) {
			h2 {
				font-size: 1.8rem;
				line-height: 1.1;
			}
		}
h3 {
	font-size: 2rem;
	letter-spacing: 0;
	line-height: 1.1;
}
h3 sup {
	font-size: 1.3rem;
}
		@media (max-width: 1050px ) {
			h3 {
				font-size: 1.3rem;
			}
}
h4 {
	font-size: 1.5rem;
	font-family: 'Font1 Bold';
	
}


p {
	margin: 0;
	margin-bottom: 1rem;
}
p:last-child {
	margin-bottom: 0;
}
p sup {
	font-size: .7rem;
}
a {
	color: #000;
	text-decoration: none;
}
p a {
	color: #000;
	text-decoration: underline;
}

.hp {
	position: absolute;
	top: -300%;
	left: -300%;
}

.video-embed {
	width: 100%;
	aspect-ratio: 16/9;
}

.pop {
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	box-shadow: 0 0 2rem rgba(0,0,0,0.7);
}
.pop img {
	display: grid;
	max-width: 90vw;
	max-height: 90vh;
}




.main {
	display: grid;
	position: relative;
	justify-self: center;
	width: 100%;
	max-width: 1200px;
}
		@media (max-width: 1300px ) {
				.main {
					padding-left: 2rem;
					padding-right: 2rem;
				}
		}
		@media (max-width: 800px ) {
				.main {
					padding-left: 1rem;
					padding-right: 1rem;
				}
		}

nav {
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	align-items: center;
	padding: 0 4rem;
	background-color: #5c6771;
}

.nav-dropdown {
	position: relative;
}

.nav-a,
.nav-dropdown > span {
	display: grid;
	font-size: 16.5px;
	/*font-weight: bold;*/
	text-transform: uppercase;
	padding: 1.5rem 1rem;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	border-bottom: solid 3px transparent;
}

.nav-a:hover,
.nav-dropdown:hover > span {
	color: #fff;
	border-color: #fff;
}

.nav-dropdown > div {
	position: fixed;
	display: grid;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	top: 169px;
	top: calc(8.5rem - 1px);
	left: 50%;
	translate: -50% 0;
	list-style: none;
	padding: 32px;
	white-space: nowrap;
	transition: all 0.15s ease-in-out;
	
}
			.nav-dropdown:is(.on) > div {
				visibility: visible;
				opacity: 1;
			}

.nav-dropdown > div:before {
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
	left: -100vw;
	width: 200vw;
	height: 100%;
	content: '';
	/*background-color: #687581;*/
	/*border-top: solid 1px rgba(255,255,255,.1);*/
	/*backdrop-filter: blur(1rem);*/
	background: linear-gradient( to bottom, transparent 0, transparent 2rem, #687581 2rem, #687581 100%);
	background-color: transparent;
	box-shadow: 0 .2rem .5rem -1px rgba(0, 0, 0, 0.05);
}

.nav-dropdown:hover>div {
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	top: calc(8.5rem - 1px);
	padding-top: 4rem;
	translate: -50% 0;
	transition: all 0.2s ease-in-out;
}

.nav-dropdown a,
.nav-dropdown b,
.nav-dropdown-toggle {
	display: grid;
	text-decoration: none;
	padding: 6px 0;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	letter-spacing: .5px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.nav-dropdown b {
	/*font-weight: normal;*/
	font-size: 16px;
	border-bottom: solid 1px #a3a9af;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.nav-dropdown a:hover,
.nav-dropdown-toggle:hover {
	color: #212325;
}

.nav-dropdown .banner {
	position: relative;
	display: grid;
	border-radius: 16px;
	overflow: hidden;
}

.nav-dropdown .banner-skincoding {
	width: 220px;
}

.nav-dropdown-toggle-a {
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows 0.3s ease;
}

.nav-dropdown-toggle-a.open {
	grid-template-rows: 1fr;
	margin-bottom: 20px;
}

.nav-dropdown-toggle-a>div {
	min-height: 0;
}

.nav-dropdown-toggle-a a {
	font-size: 16px;
	text-transform: none;
	padding-left: 1.6rem;
	background: url(../ico/chev.svg) left center no-repeat;
	background-position: .5rem center;
	background-size: .4rem
}
.nav-dropdown-esigenze {
	grid-auto-flow: column;
}
.nav-dropdown-esigenze a {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: grid;
    width: 16rem;
    text-transform: none;
    font-size: 1.1rem;
    text-align: center;
    border-radius: .75rem;
    padding: 2rem;
	transition: all .2s ease-in-out;
}
.nav-dropdown-esigenze a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 130%;
    opacity: 0.15;
    z-index: -1;
}
.nav-dropdown-esigenze > a span {
    text-transform: uppercase;
    font-family: 'Font1 Bold';
    font-size: 1.3rem;
    position: relative;
    z-index: 2;
}
.nav-dropdown-esigenze > a:nth-child(1) { background-color: #a397c6; }
.nav-dropdown-esigenze > a:nth-child(1)::before { background-image: url('../images/eco-aging-fff.svg'); }
.nav-dropdown-esigenze > a:nth-child(2) { background-color: #68c3e2; }
.nav-dropdown-esigenze > a:nth-child(2)::before { background-image: url('../images/chrono-aging-fff.svg'); }
.nav-dropdown-esigenze > a:nth-child(3) { background-color: #76d08a; }
.nav-dropdown-esigenze > a:nth-child(3)::before { background-image: url('../images/acne-fff.svg'); }
.nav-dropdown-esigenze > a:nth-child(4) { background-color: #f68d4a; }
.nav-dropdown-esigenze > a:nth-child(4)::before { background-image: url('../images/melasma-fff.svg'); }
.nav-dropdown-esigenze > a:nth-child(5) { background-color: #f189a8; }
.nav-dropdown-esigenze > a:nth-child(5)::before { background-image: url('../images/reattivita-fff.svg'); }
.nav-dropdown-esigenze a:hover {
	color: #fff;
	background: #5c6771 !important;
}
.nav-cerca {
	color: #fff !important;
	position: relative !important;
	padding: 0 !important;
	border: none !important;
	border-bottom: solid 1px #fff !important;
	padding: .4rem 0 !important;
	background: url(../ico/search3.svg) right center no-repeat !important;
	background-size: 1.65rem !important;
}
	.nav-cerca-m {
		position: fixed;
		z-index: 0;
		top: 8rem;
		left: 0;
		opacity: 0;
		visibility: hidden;
		width: 100%;
		padding: 1rem;
		background-color: #383c40;
		transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
		translate: 0 -100%;
	}
	.nav-cerca-m:is(.on) {
		opacity: 1;
		visibility: visible;
		translate: 0 0;
	}
	.nav-cerca-m input {
		border: none;
		font-size: 1rem;
	}
.nav-cerca::placeholder {
	color: #fff !important;
}

.nav-research img {
	height: 32px;
	padding: 6px 15px 8px 15px;
	background-color: #55646D;
	border-radius: .3rem;
}

.nav-research-m img {
	height: 30px;
}

.nav-cerca-risultati-container {
	position: fixed;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	top: 10rem;
	left: 0;
	width: 100%;
	height: calc(100% - 10rem);
	padding-top: 3rem;
	background-color: #383c40;
	backdrop-filter: blur(10px);
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}
		@media (max-width: 1050px) {
			.nav-cerca-risultati-container {
				top: 12.25rem;
				padding-top: 0;
			}
		}

.nav-cerca-risultati-container:is(.on) {
	visibility: visible;
	opacity: 1;
}

.nav-cerca-risultati {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 280px));
	justify-self: center;
	justify-content: center;
	width: 100svw;
	max-width: 1200px;
	scrollbar-gutter: stable;
	padding-right: 20px;
	gap: 1rem;
	max-height: calc(100% - 3rem);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.nav-cerca-risultati::-webkit-scrollbar {
	width: 8px;
}

.nav-cerca-risultati::-webkit-scrollbar-track {
	background: transparent;
}

.nav-cerca-risultati::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 10px;
	transition: background-color 0.2s;
}

.nav-cerca-risultati::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 800px) {
	.nav-cerca-risultati {
		grid-template-columns: 1fr 1fr;
		padding: 1rem;
	}
}

.nav-cerca-risultati>a {
	position: relative;
	display: grid;
	align-content: start;
	overflow: hidden;
	background-color: #fff;
	padding: 1rem;
	border-radius: 16px;
}

.nav-cerca-risultati > a img {
	justify-self: center;
	object-fit: contain;
	height: 180px;
	margin-bottom: 1rem;
	transition: all .3s ease-in-out;
}

.nav-cerca-risultati>a p:nth-of-type(1) {
	font-weight: bold;
	text-align: center;
	margin-bottom: .5rem;
	transition: all .3s ease-in-out;
}

.nav-cerca-risultati>a p:nth-of-type(2) {
	font-size: .9rem;
	text-align: center;
	line-height: 1.1;
	opacity: .5;
}

.nav-cerca-risultati>a:hover img {
	scale: 1.07;
}

.nav-cerca-risultati>a:hover p:nth-of-type(1) {
	/*color: var(--c-2);*/
}

/* mobi */

@media (max-width: 1050px) {
	.hamburger-label {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 24px;
		height: 16px;
		cursor: pointer;
		z-index: 1001;
	}
	.hamburger-label span {
		display: block;
		height: 2px;
		width: 100%;
		background-color: #000;
		border-radius: 2px;
		transition: all 0.3s ease-in-out;
	}
	#menu-trigger.on span:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}
	#menu-trigger.on span:nth-child(2) {
		opacity: 0;
		transform: translateX(-10px);
	}
	#menu-trigger.on span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
	.m-nav-container {
		position: fixed;
		top: 7.5rem;
		left: 0;
		translate: -100% 0;
		width: 100%;
		height: calc(100svh - 7.5rem);
		overflow-y: scroll;
		background-color: #5c6771;
		transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.m-nav-container:is(.on) {
		translate: 0 0;
	}
	.m-nav-container nav {
		display: grid;
		grid-template-columns: inherit;
		align-items: inherit;
		padding: inherit;
		align-content: start;
		justify-content: inherit;
		font-size: 1rem;
		padding-top: 3rem;
		padding-bottom: 4rem;
		color: #fff;
	}
	.m1 {
		display: grid;
		background-image: url(../ico/plus-fff.svg);
		background-repeat: no-repeat;
		background-position: right 2rem center;
		background-size: .7rem;
		padding-left: 2rem;
		padding-right: 2rem;
		text-transform: uppercase;
		cursor: pointer;
		margin-bottom: 1.5rem;
		color: #fff;
	}
	.m1:is(.on) {
		background-image: url(../ico/minus-fff.svg);
	}
	.m2, .m4 {
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows 0.3s ease-out;
		background-color: #ffffff15;
		overflow: hidden;
	}
	.m2.on, .m4.on {
		grid-template-rows: 1fr;
		margin-bottom: 1rem;
	}
	.m2.on:last-of-type {
		margin: 0;
	}
	.inner-content {
		min-height: 0; 
		padding: 0rem 2rem;
		display: grid;
		transition: padding 0.3s ease-out;
	}
	.m4 .inner-content {
		padding-left: .5rem;
	}
	.inner-content b {
		text-transform: uppercase;
		margin-bottom: 1rem;
		color: #fff;
	}
	.inner-content b:not(:first-child) {
		margin-top: 1rem;
		color: #fff;
	}
	.inner-content a {
		margin-bottom: .75rem;
		color: #fff !important;
	}
	.m4 .inner-content a {
		padding-left: 1rem;
		background: url(../ico/chev.svg) left center no-repeat;
		background-size: .4rem;
	}

	.m2.on > .inner-content {
		padding: 1.5rem 2rem;
	}
}


.top {
	position: fixed;
	z-index: 1000;
	width: 100%;
	background-color: rgba(255,255,255,.8);
	backdrop-filter: blur(10px);
	box-shadow: 0 0 1rem rgba(0, 0, 0, .05);
}

footer {
	display: grid;
	background-color: #fff;
}
footer, footer a {
	font-size: 1rem;
	line-height: 1.4;
}
.footer-nuovo .main > div:nth-child(2n) {
	width: 1px;
	background-color: #5c677120;
}
		@media (max-width: 1050px ) {
			.footer-nuovo .main > div:nth-child(2n) {
				display: none;
			}
		}

.top-mobile {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.6);
	backdrop-filter: blur(1rem);
	box-shadow: 0 0 1rem rgba(0,0,0,0.15);
}
.hamb {
	height: 4rem;
	width: 4rem;
	background-image: url(../ico/hamburger-000.svg);
	background-size: 1.8rem;
	background-repeat: no-repeat;
	background-position: center center;
}

.hamb-000 {
	background-image: url(../ico/hamburger.svg);
}
.mobile-menu {
	position: fixed;
	z-index: 100;
	display: grid;
	align-content: start;
	bottom: 0;
	right: 0;
	height: calc(100% - 4rem);
	width: 100vw;
	padding: 2rem 1.3rem 3rem 1.3rem;
	transform: translateX(101%);
	/*font-size: 1.4rem;*/
	opacity: 1;
	background-color: rgba(240,230,230,0.8);
	background-color: rgba(0,0,0,0.8);
	font-family: 'Font1 Standard';
	line-height: 1.2;
	color: #fff;
	backdrop-filter: blur(1rem);
	overflow-y: scroll;
	xoverscroll-behavior: contain;
	animation-timing-function: ease;
	transition: all .3s;
}
.mobile-menu-it,
.mobile-menu-en {
	height: calc(100% - 7.2rem);
}
.mobile-menu-on {
	transform: translateX(0);
	border-radius: 0;
}
.mobile-menu-x {
	display: none;
	position: fixed;
	z-index: 1010;
	top: 0;
	right: 0;
	height: 4rem;
	width: 4rem;
	background-image: url(../ico/x-w.svg);
	background-size: 0.8rem;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.2;
}
.mobile-menu .cat1 {
	border-bottom: solid 1px #fff;
	border-image: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, transparent 100%) 0 0 100% 0;
	padding-bottom: .8rem;
	margin-bottom: .8rem;
	background: url(../ico/chev4.svg) right  .6rem no-repeat;
	background-size: auto .5rem;
}
.mobile-menu .cat1-link {
	background: none;
}
.mobile-menu .cat2 {
	padding-left: 1rem;
	margin-bottom: .75rem;
}
.mobile-menu-collapsable-link > div {
	display: grid;
	padding-left: 2rem;
	padding-bottom: 1.5rem;
}
.mobile-menu a {
	color: #fff;
	margin-bottom: .75rem;
}
.cat2.collapsable-trigger,
a.cat2, 
.mobile-menu-collapsable-link a {
	padding-left: 1rem;
	background: url(../ico/chev.svg) center left no-repeat;
	background-size: auto .5rem;
}


#carouselFader-home {
	position: relative;
	width: 100%;
	height: 100dvh;
	max-height: 65rem;
	min-height: 50rem;
}
#carouselFader-home .carouselFader-arrow {
    position: absolute;
	z-index: 1;
	background: center center no-repeat;
	cursor: pointer;
	background-image: url(../ico/arrowSlider.svg);
}
#carouselFader-home .carouselFader-arrow-left {
	transform: scaleX(-1);
}
		@media (min-width: 1050px ) {
			#carouselFader-home .carouselFader-arrow {
				width: 5rem;
				height: calc(100% - 190px);
				background-size: auto 1.5rem ;
				bottom: 0;
			}
			#carouselFader-home .carouselFader-arrow-left {
				left: 0;
			}
			#carouselFader-home .carouselFader-arrow-right {
				right: 0;
			}
		}
		@media (max-width: 1050px ) {
			#carouselFader-home .carouselFader-arrow {
				display: none;
				width: 3rem;
				height: 3rem;
				background-size: auto 30%;
				bottom: 1rem;
			}
			#carouselFader-home .carouselFader-arrow-left {
				left: 50%;
				translate: calc(-50% - 4rem) 0;
			}
			#carouselFader-home .carouselFader-arrow-right {
				right: 50%;
				translate: calc(50% + 4rem) 0;				
			}
		}


#carouselFader-home .carouselFader-dots {
	position: absolute;
	z-index: 1;
	display: grid;
	grid-auto-flow: column;
    grid-gap: 0.5rem;
	grid-gap: 1rem;
	bottom: 2rem;
	left: 50%;
	translate: -50% 0;
    user-select: none;
}
		@media (max-width: 1050px ) {
			#carouselFader-home .carouselFader-dots {
				grid-gap: 1.3rem;
				bottom: 1.5rem;
			}
		}
#carouselFader-home .carouselFader-dots-dot {
	align-self: center;
	opacity: .3;
	height: .7rem;
	border-radius: 100%;
	box-shadow: 0 0 1rem rgba(0,0,0,0.4);
	background-color: #000;

}
		@media (max-width: 1050px ) {
			#carouselFader-home .carouselFader-dots-dot {
				height: .8rem;
			}
		}
#carouselFader-home .carouselFader-dots-dot-on {
	opacity: 1;
}

#carouselFader-home .carouselFader-frame-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	#carouselFader-home .carouselFader-frame-video video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}

#carouselFader-home .carouselFader-frame-phpeel {
	background-image: url(../images/home/phpeel.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#carouselFader-home .carouselFader-frame-compleanno {
	background-image: url(../images/home/compleanno.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#carouselFader-home .carouselFader-frame-c-clean {
	background-image: url(../images/home/c-clean.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#carouselFader-home .carouselFader-frame-gift-natale {
	background-image: url(../images/home/gift-natale.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#carouselFader-home .carouselFader-frame-revitalsummer {
	background-image: url(../images/home/revitalsummer.webp?001);
	background-position: center center;
	background-size: cover;
}
#carouselFader-home .carouselFader-frame-lozioni {
	background-image: url(../images/home/lozioni.webp?001);
	background-position: center center;
	background-size: cover;
}
#carouselFader-home .carouselFader-frame-black-friday-2024 {
	background-image: url(../images/home/black-friday-2024.webp?001);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-san-valentino {
	background-image: url(../images/home/san-valentino.webp?001);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-la-mia-detersione {
	background-image: url(../images/home/la-mia-detersione.webp?001);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: cover;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-active {
	background-image: url(../images/home/active.webp?001);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: cover;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-the_zone {
	background-image: url(../images/home/the_zone.webp?001);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-myskinetic {
	background-image: url(../images/home/myskinetic.webp?001);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-The_Lifter {
	background-image: url(../images/home/The_Lifter.webp?003);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-de-light {
	background-image: url(../images/home/de-light.webp?003);
	background-position: center center;
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}
#carouselFader-home .carouselFader-frame-regenereyes {
	background-image: url(../images/home/regenereyes.webp?13);
	background-position: center center;
	background-color: #F3E8DF;
	background-size: auto 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
}
#carouselFader-home .carouselFader-frame-winter-glow-collection {
	background-image: url(../images/home/winter-glow-collection.webp?13);
	background-position: center;
	background-color: #F3E8DF;
	background-size: auto 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
}
		@media (max-width: 1050px ) {
			#carouselFader-home .carouselFader-frame-compleanno {
				background-image: url(../images/home/compleanno-m.webp?001);
				background-position: bottom center;
				background-size: 100vw auto;
			}
			#carouselFader-home .carouselFader-frame-phpeel {
				background-image: url(../images/home/phpeel-m.webp?001);
				background-position: center top;
			}
			#carouselFader-home .carouselFader-frame-c-clean {
				background-image: url(../images/home/m/c-clean.webp?001);
				background-position: right top;
			}
			#carouselFader-home .carouselFader-frame-gift-natale {
				background-image: url(../images/home/gift-natale-m.webp?001);
				background-size: cover;
				background-position: center right;
			}
			#carouselFader-home .carouselFader-frame-revitalsummer {
				background-image: url(../images/home/m/revitalsummer.webp?001);
				background-position: right top;
			}
			#carouselFader-home .carouselFader-frame-lozioni {
				background-image: url(../images/home/m/lozioni.webp?001);
				background-position: right top;
			}
			#carouselFader-home .carouselFader-frame-black-friday-2024 {
				background-image: url(../images/home/black-friday-2024-m.webp?001);
				background-position: right top;
			}
			#carouselFader-home .carouselFader-frame-san-valentino {
				background-image: url(../images/home/san-valentino-m.webp?001);
				background-position: right top;
				background-size: 100% auto;
			}
			#carouselFader-home .carouselFader-frame-la-mia-detersione {
				background-image: url(../images/home/la-mia-detersione-m.webp?001);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#carouselFader-home .carouselFader-frame-active {
				background-image: url(../images/home/active-m.webp?001);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#carouselFader-home .carouselFader-frame-the_zone {
				background-image: url(../images/home/the_zone-m.webp?001);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#carouselFader-home .carouselFader-frame-myskinetic {
				background-image: url(../images/home/myskinetic-m.webp?001);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#carouselFader-home .carouselFader-frame-The_Lifter {
				background-image: url(../images/home/The_Lifter-m.webp?003);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#carouselFader-home .carouselFader-frame-de-light {
				background-image: url(../images/home/de-light-m.webp?003);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#carouselFader-home .carouselFader-frame-regenereyes {
				background-image: url(../images/home/regenereyes-m.webp?00433);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#carouselFader-home .carouselFader-frame-winter-glow-collection {
				background-image: url(../images/home/winter-glow-collection-m.webp?00433);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
		}

.home-hero {
	width: 100%;
	height: 100vh;
	min-height: 50rem;
	background: url(../images/home/skincoding.webp) center right no-repeat;
	background-size: cover;
}
	@media (max-width: 1050px ) {
		.home-hero {
			background-image: url(../images/home/mobile/skincoding.webp);
		}
	}


.hero-intro-content {
	padding-top: 8rem;
}
		@media (max-width: 1050px ) {
			.hero-intro-content {
				align-self: end;
				padding-top: 0;
				padding-bottom: 0;
			}
		}

.hero-offerte-speciali {
	background-image: url(../images/offerte-speciali-1.webp);
	background-position: calc(50% + 20rem) bottom;
	background-repeat: no-repeat;
	background-size: auto 32rem;
}
		@media (max-width:1050px ) { 

			.hero-offerte-speciali {
				background: none;
			}

		}
.hero-internazionalizzazione {
	background: #dce0e8 url(../images/internazionalizzazione.webp) bottom center no-repeat;
	background-size: auto 100%
}
		@media (max-width:1050px ) { 

			.hero-internazionalizzazione {
				background: #dce0e8 url(../images/internazionalizzazione-m.webp) bottom center no-repeat;
				background-size: 100% auto;
			}

		}
.hero-404 {
	background-image: url(../images/404.webp);
	background-position: calc(50% + 20rem) bottom;
	background-repeat: no-repeat;
	background-size: auto 32rem;
}
		@media (max-width:1050px ) { 

			.hero-offerte-speciali {
				background: none;
			}

		}

.linea-foto {
	object-fit: scale-down;
	object-position: center top;
	width: 100%;
	max-width: 30rem;
	max-height: 30rem;
}
		@media (max-width: 1050px) {
			.linea-foto {
				max-width: 20rem;
				max-height: 20rem;
			}
		}


.bestseller {
	padding: 2rem;
	background-image: linear-gradient(to top left, #fff, transparent);
	border: solid 2px #fff;
	border-radius: .5rem;
	box-shadow: 0 0 1.5rem hsl(28,30%,90%);
}


.prodotti-card {
	display: grid;
	transition: all 0.3s;
}
.prodotti-card-foto {
	position: relative;
	overflow: hidden;
	outline: solid 2px #fff;
	border-radius: .5rem;
	background-image: linear-gradient(to top left, #fff, #fff, transparent);
	box-shadow: 0 0 1.5rem hsl(28,30%,85%);
}
.prodotti-card-foto-promozione {
	position: relative;
	overflow: hidden;
	outline: 0;
	border-radius: 0;
	padding: 1.5rem;
	background-image: none;
	box-shadow: none;
}


.prodotti-card-img {
	object-fit: scale-down;
	object-position: center center;
	width: 100%;
	aspect-ratio: 1;
}
.prodotti-card-img-promozione {
	object-fit: contain;
	width: 100%;
	height: 14rem;
	margin-bottom: 3rem;
}
		@media (max-width: 1050px ) {
			.prodotti-card-img {
				width: 100%;
				height: 100%;
				margin-bottom: 2rem;
			}
			.prodotti-card-img-promozione {
				height: 10rem;
				margin-bottom: 1.9rem;
			}
		}
.prodotti-card-nome {
	font-size: 1.5rem;
	overflow-wrap: anywhere;
}
		@media (max-width: 1050px ) {
			.prodotti-card-nome {
				font-size: 1.3rem;
			}
		}
.prodotti-card-titolo {	
	font-size: 1rem;
	opacity: 0.7;
	line-height: 1.15;
}
		@media (max-width: 1050px ) {
			.prodotti-card-titolo {
				font-size: 0.9rem;
				line-height: 1.2;
			}
		}
.prodotti-card-abstract {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 1rem;
}
		@media (max-width: 1050px ) {
			.prodotti-card-abstract {
				font-size: 0.9rem;
				line-height: 1.2;
			}
		}
.prodotti-card-prezzo {
	font-size: 1.5rem;
}
		@media (max-width: 1050px ) {
			.prodotti-card-prezzo {
				font-size: 1.3rem;
			}
		}
.scheda-prodotto {
	position: relative;
	grid-template-columns: 2fr 3fr;
}

.scheda-prodotto-foto {
	position: relative;
	overflow: hidden;
	border: solid 2px #fff;
	border-radius: .5rem;
	background-image: linear-gradient(to top left, #fff, #fff, transparent);
	box-shadow: 0 0 1.5rem hsl(28,30%,85%);
}
.scheda-prodotto-foto2 {
	box-shadow: none;
	border: solid 1px hsl(28, 30%, 92%);
}
		@media (max-width: 1050px ) {
			.scheda-prodotto-foto {
				height: 20rem;
			}
		}
.scheda-prodotto-foto-img {
	z-index: 100 !important;
	object-fit: contain;
	object-position: center center;
	width: 100%;
	aspect-ratio: 1;
	/*transition: all .6s;*/
}
		@media (max-width: 1050px ) {
			.scheda-prodotto-foto-img {
				width: 100%;
				height: 100%;
				margin-bottom: 2rem;
			}
		}
.scheda-prodotto-foto-mobile {
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1rem;
}
.scheda-prodotto-foto-mobile .prev,
.scheda-prodotto-foto-mobile .next {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 3rem;
	padding: 1.1rem;
}
.scheda-prodotto-foto-mobile .next {
	left: auto;
	right: 0;
}
.scheda-prodotto-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
	grid-gap: 1rem;
}
.scheda-prodotto-gallery img {
	width: 100%;
	aspect-ratio: 1;
	background-color: #fff;
	border-radius: 0.2rem;
	border: solid 3px #fff;
	box-shadow: 0 0 1.5rem hsl(28, 30%, 85%);
}
			@media (max-width: 1050px ) {
				.scheda-prodotto-gallery img {
					width: 16.5vw;
					box-shadow: none;
					border: solid 1px rgba(0,0,0,0.1);
				}
			}
.scheda-prodotto-gallery-foto {
	object-fit: contain;
	padding: 0.2rem;
	cursor: pointer;
}
.scheda-prodotto-gallery-video {
	position: relative;
	cursor: pointer;
}
.scheda-prodotto-gallery-video img {
	object-fit: cover;
	padding: 0;
}
.scheda-prodotto-gallery-video:after {
	position: absolute;
	z-index: 100;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../ico/play.svg) bottom .5rem right .5rem no-repeat;
	background-size: 1.3rem;	
}
			@media (max-width: 1050px ) {
				.scheda-prodotto-gallery-video img {
					aspect-ratio: 1;
					border: solid 1px #6D717560;
					border-radius: .3rem;
				}
				.scheda-prodotto-gallery-video:after {
					background: url(../ico/play.svg) bottom .1rem right .1rem no-repeat;
					background-size: 1.2rem;
				}
			}
.scheda-prodotto-loghi {
	display: grid;
	justify-self: left;
	align-content: center;
	align-items: center;
	grid-gap: 1.3rem;
}
.scheda-prodotto-loghi img {
	height: 3.9rem;
}
.scheda-prodotto-loghi .vegan-ok {
	height: calc(3.9rem * 1.23);
}
			@media (max-width: 1050px ) {
				.scheda-prodotto-loghi {
					justify-self: center;
					grid-gap: 1rem;
				}
				.scheda-prodotto-loghi img {
					height: 2.8rem;
				}
				.scheda-prodotto-loghi .vegan-ok {
					height: calc(2.8rem * 1.23);
				}
			}
.scheda-prodotto-accordion {
	display: grid;
	font-family: 'Font1 Bold';
	font-size: 1.2rem;
	font-weight: bold;
	background: url(../ico/chev3.svg) center right .5rem no-repeat;
	background-size: auto .5rem;
	cursor: pointer;
}

.scheda-prodotto-contatto,
.scheda-prodotto-info {
	padding-top: 1rem;
	border-top: solid 1px #CB9EC1;
}
.scheda-prodotto-info h4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: solid 1px rgba(0,0,0,0.2);
	background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIyNS45MjMgMzU0LjcwNmMtOC4wOTggMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcgMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3IDAtNDQuNzUxIDEyLjM1NC0xMi4zNTQgMzIuMzg4LTEyLjM1NCA0NC43NDggMGwxNzEuOTA1IDE3MS45MTUgMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQgMzIuMzkxLTEyLjM1NCA0NC43NDQgMCAxMi4zNjUgMTIuMzU0IDEyLjM2NSAzMi4zOTIgMCA0NC43NTFMMjQ4LjI5MiAzNDUuNDQ5Yy02LjE3NyA2LjE3Mi0xNC4yNzQgOS4yNTctMjIuMzY5IDkuMjU3eiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
	background-position: center right 0.6rem;
	background-size: auto 0.7rem;
	background-repeat: no-repeat;
	cursor: pointer;
}
.scheda-prodotto-info h4:first-child {
	border: none;
}

.scheda-prodotto-video-player {
	position: fixed;
	z-index: 1000;
	display: grid;
	place-content: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.scheda-prodotto-video-player video {
	width: 100%;
	height: 100%;
	max-width: 75dvw;
	max-height: 75dvh;
	box-shadow: 0 0 2rem rgba(0,0,0,0.5);
}
			@media (max-width: 1050px ) {
				.scheda-prodotto-video-player video {
					max-width: 90dvw;
					max-height: 90dvh;
				}
			}
.scheda-prodotto-video-player .x {
	position: absolute;
	top: -.8rem;
	right: -.8rem;
	height: 1.5rem;
	aspect-ratio: 1;
	padding: 0.3rem;
	background-color: #fff;
	border-radius: 50%;
	border: solid 1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.scheda-prodotto-parlare {
	display: grid;
	grid-gap: 3rem;
	grid-template-columns: auto 1fr;
}
			@media (max-width: 1050px ) {
				.scheda-prodotto-parlare {
					grid-template-columns: 1fr;
				}
			}
.scheda-prodotto-parlare h4 {
	text-transform: uppercase;
	font-size: 1.1rem;
	font-family: 'Font1 Standard';
	cursor: pointer;
	margin-bottom: 1rem;
	transition: all 0.3s;
	/*border-radius: 0.4rem 0 0 0.4rem;*/
}
.parlare-on {
	color: #000;
	font-family: 'Font1 Bold' !important;
}

.scheda-prodotto-parlare h4:hover {
	color: #000;
}
.scheda-prodotto-parlare > div:nth-child(2):not(:is(.x)) {
	background-color: #fff;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
	border-radius: 1rem;
}

.cart-tabella {
	display: grid;
}
.cart-tabella-record {
	display: grid;
	align-items: center;
	grid-template-columns: auto 1fr 5rem auto 10rem;
	grid-gap: 5rem;
	grid-row-gap: 2rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}
			@media (max-width: 1050px ) {
				.cart-tabella-record {
					/*
					grid-template-columns: 1fr;
					grid-gap: 1rem;
					justify-content: center;
					justify-items: center;
					margin-bottom: 2rem;
					*/
					grid-template-columns: 3.4rem 8rem 3rem auto;
					grid-gap: .5rem;
					grid-row-gap: 1rem;
					margin-bottom: .8rem;
					padding-bottom: .8rem;
					border-bottom: solid 1px rgba(0, 0, 0, 0.1);
				}
			}
.cart-tabella-foto {
	object-fit: contain;
	height: 6rem;
	width: 6rem;
	aspect-ratio: 1;
	padding: .5rem;
	background-image: linear-gradient(to top left, #fff, transparent);
	border: solid 2px #fff;
	border-radius: .5rem;
	box-shadow: 0 0 1.5rem hsl(28, 30%, 85%);
}
.cart-tabella-foto-gift {
	height: 6rem;
	width: 6rem;
	padding: 1.8rem;
	background: none;
	border: none;
	border-radius: none;
	box-shadow: none;
}
			@media (max-width: 1050px ) {
				.cart-tabella-foto {
					width: 3rem;
					height: 3rem;
					padding: .2rem;
					background-image: linear-gradient(to top left, #fff, transparent);
					border: solid 2px #fff;
					border-radius: .3rem;
					box-shadow: none;
				}
				.cart-tabella-foto-gift {
					height: 3rem;
					width: 3rem;
					padding: .8rem;
					background: none;
					border: none;
					border-radius: none;
					box-shadow: none;
				}
			}

.cart-tabella-foto[class*="xxxxxxagefa"]:not(:is(.love-vanity-agefactor-cream)),
.cart-tabella-foto[class*="xxxxxxhydroem"],
.cart-tabella-foto[class*="xxxxxxrevia"],
.cart-tabella-foto[class*="xxxxxxrevisun"],
.cart-tabella-foto[class*="xxxxxxe-balm"],
.cart-tabella-foto[class*="xxxxxxglico"],
.cart-tabella-foto[class*="xxxxxxleni"]:not(:is(.love-vanity-lenitivo)),
.cart-tabella-foto[class*="xxxxxxlumi"],
.cart-tabella-foto[class*="xxxxxxoilfree"],
.cart-tabella-foto[class*="xxxxxxsleep"],
.cart-tabella-foto[class*="xxxxxxtenso"],
.cart-tabella-foto[class*="xxxxxxjoy"] {
	padding: 1rem;
}
			@media (max-width: 1050px ) {
				.cart-tabella-foto[class*="xxxxxxagefa"]: not(:is(.love-vanity-agefactor-cream)),
				.cart-tabella-foto[class*="xxxxxxhydroem"],
				.cart-tabella-foto[class*="xxxxxxrevia"],
				.cart-tabella-foto[class*="xxxxxxrevisun"],
				.cart-tabella-foto[class*="xxxxxxe-balm"],
				.cart-tabella-foto[class*="xxxxxxglico"],
				.cart-tabella-foto[class*="xxxxxxleni"]:not(:is(.love-vanity-lenitivo)),
				.cart-tabella-foto[class*="xxxxxxlumi"],
				.cart-tabella-foto[class*="xxxxxxoilfree"],
				.cart-tabella-foto[class*="xxxxxxsleep"],
				.cart-tabella-foto[class*="xxxxxxtenso"],
				.cart-tabella-foto[class*="xxxxxxjoy"] {
					padding: .45rem;
				}
			}
.cart-tabella-recap {
	display: grid;
	grid-template-columns: 1fr auto;
	margin-top: 1.5rem;
}
			@media (max-width: 1050px ) {
				.cart-tabella-recap {
					justify-content: center;
					text-align: center;
					padding-top: 0;
					margin-top: 1rem;
				}
			}
.cart-cambia-quantita {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 0.5rem;
}
			@media (max-width: 1050px ) {
				.cart-cambia-quantita {
					grid-template-columns: auto auto;
				}
			}
.cart-cambia-quantita > div {
	display: grid;
	height: 2rem;
	width: 2rem;
	border: solid 1px;
	cursor: pointer;
	background: center center no-repeat;
	background-size: auto 0.6rem;
	background-color: #fff;
}
			@media (max-width: 1050px ) {
				.cart-cambia-quantita > div {
					height: 1.5rem;
					width: 1.5rem;
					border-radius: 0.3rem;
					margin-top: .5rem;
				}
			}
.cart-cambia-quantita .button-cart-elimina {
	background-image: url(../ico/x.svg);
	background-size: auto 0.55rem;
}
.cart-cambia-quantita .button-cart-dimunuisci {
	background-image: url(../ico/togli.svg);
}
.cart-cambia-quantita .button-cart-aumenta {
	background-image: url(../ico/aggiungi.svg);
}
.cart-carte {
	display: grid;
	grid-gap: 0.5rem;
	grid-auto-flow: column;
	justify-self: left;
	justify-content: space-between;
}
			@media (max-width: 1050px ) {
				.cart-carte {
					justify-self: center;
				}
			}
.cart-carte img {
	height: 2rem;
	background-color: #fff;
	border: solid 1px rgba(0,0,0,0.15);
	border-radius: 0.4rem;
}
			@media (max-width: 1050px ) {
				.cart-carte img {
					height: 1.5rem;
				}
			}
.cart-bottone {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 1rem;
}
.cart-bottone-mobile {
	z-index: 10000;
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: 1rem;
	background-color: rgba(0,0,0,0.7);
	box-shadow: 0 0 1rem rgba(0,0,0,0.25);
}
.cart-promo-banner {
	position: fixed;
	z-index: 100;
	bottom: 2rem;
	right: 2rem;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 2rem;
	align-items: center;
	justify-self: left;
	background-color: #fff;
	padding: 1.5rem;
	border: solid 1px rgba(0,0,0,0.3);
	border-radius: .4rem;
	box-shadow: 0 0 2rem rgba(0,0,0,0.3);
}
.cart-promo-banner h2 {
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}
.cart-promo-banner-img {
	height: 8rem;
}
.cart-promo-banner-x {
	position: absolute;
	top: .7rem;
	right: .7rem;
	cursor: pointer;
}
		@media (max-width: 1050px) {
			.cart-promo-banner {
				padding: 1rem;
				bottom: .5rem;
				right: .5rem;
				font-size: .9rem;
				width: calc(100% - 1rem);
			}
			.cart-promo-banner h2 {
				font-size: 1.3rem;
				margin-bottom: .5rem;
			}
			.cart-promo-banner-img {
				position: absolute;
				bottom: .2rem;
				right: .2rem;
				height: 4.5rem;
			}
		}

.profilo-menu {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	justify-self: left;
	grid-gap: 1.5rem;
}
.profilo-menu img {
	height: 2rem;
}
.profilo-menu a {
	border: solid 1px rgba(0,0,0,0.2);
	padding: 0.5rem;
	border-radius: .5rem;
}
.profilo-menu-attivo {
	background-color: #fff;
	border-color: #000 !important;
}
.profilo-ordini {
	display: grid;
	grid-gap: 1.5rem;
}
.profilo-ordini > div {
	padding: 2rem;
	border: solid 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
}
.profilo-ordini-foto {
	object-fit: contain;
	width: 3rem;
	height: 3rem;
	padding: 0.3rem;
	border: solid 1px rgba(0,0,0,0.15);
	background-color: rgba(0,0,0,0.05);
}

.profilo-preferiti {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 3rem;
}
.profilo-preferiti-foto {
	object-fit: contain;
	width: 100%;
	aspect-ratio: 1;
	padding: 2rem;
	background-color: rgba(0, 0, 0, 0.05);
}

.people-foto {
	position: relative;
	border: solid 12px #fff;
	box-shadow: 0 0 1.5rem hsl(28, 30%, 85%);
}
.people-foto div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0;
  transition: opacity .4s ease-in-out;
}

.people-foto:hover div,
.people-foto:active div,
.people-foto:focus div {
  opacity: 1;
}

.scienza-emulsione {
	font-size: 1rem;
}
.scienza-emulsione b {
	display: grid;
	font-family: 'Font1 Bold';
}

.rheario-az {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between
}
.rheario-az a {
	padding: .7rem;
}
		@media (max-width: 1050px) {
			.rheario-az {
				grid-auto-flow: inherit;
				justify-content: inherit;
				grid-template-columns: repeat(9,1fr);
				text-align: center;
			}
			.rheario-az a {
				padding: .5rem;
				border-radius: .3rem;
			}
		}
.rheario-az-on {
	color: #fff;
	background-color: #000;
}

.prodotto-stelle {
}

.hr-fader {
	height: 1px;
	width: 100%;
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent);
}

.fascia-prodotto {
	position: absolute;
	top: 3rem;
	right: 3rem;
	transform: translateX(50%) translateY(-50%) rotate(45deg);
	transform-origin: center;
}
		@media (max-width: 1050px) {
			.prodotti-card-foto .fascia-prodotto {
				top: 2.2rem;
				right: 2.2rem;
			}
		}
.fascia-prodotto > span {
	display: grid;
	background: #000;
	color: #fff;
	font-weight: bold;
	padding: 0.3rem;
	transform: translateY(-50%);
	text-align: center;
	white-space: nowrap;
	width: 50rem;
}
.fascia-prodotto-esaurito > span {
	background: grey;
	font-weight: normal;
	color: #fff;
}
.fascia-prodotto-novita > span {
	background: #F4A390;
	font-weight: normal;
	color: #fff;
}
.fascia-prodotto-superstar > span {
	background: #BAE7E2;
	font-weight: normal;
	color: #000;
}
.prodotti-card-foto .fascia-prodotto > span {
	
}
		@media (max-width: 1050px) {
			.prodotti-card-foto .fascia-prodotto > span {
				font-size: .9rem;
				padding: 0.1rem;
			}
		}

.schwa-h1 {
	font-family: Arial;
	font-weight: bold;
}
.schwa-cart-prodotto-nome {
	position: absolute;
	top: 50%;
	right: 0;
	scale: -1 -1;
	translate: 100% -10px;
}

.pt-page {
	padding-top: 16rem;
}
.pt-page2 {
	padding-top: 14rem;
}
	@media (max-width: 1050px ) {
			.pt-page { padding-top: 12rem }
			.pt-page2 { padding-top: 10rem }
		}
.pt-page-store-finder {
	padding-top: 15rem;
}
		@media (max-width: 1050px ) {
			.pt-page-store-finder { 
				padding-top: 0;
			}
		}
.pt-page-totem {
	padding-top: 2rem;
}
.pt-page-totem .t-tac {
	text-align: center;
	justify-self: center;
}

.prodotto-card-recensione {
	position: relative;
	display: grid;
	align-content: start;
	background-color: #fff;
	height: 13rem;
	padding: 1.5rem;
	padding-bottom: 2rem;
	line-height: 1.3;
	border-radius: 0.3rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.prodotto-card-recensione:after {
	content: '';
	position: absolute;
	bottom: -0.7rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	background-color: #fff;
	rotate: 33deg;
}
.prodotto-card-recensione b {
	display: grid;
	opacity: 0.5;
	line-height: 1.2;
	font-size: 1.1rem;
}
.prodotto-card-recensione b {
	margin-top: .5rem;
	font-weight: normal;
}


/* NUOVA SCHEDA PRODOTTO */

#prodotto2 h4 {
	color: #383C40;
}

.prodotto2-foto-container {
	/*
	position: sticky; 
	height: fit-content; 
	top: 14rem;
	*/
	overflow: hidden;
}
		@media (max-width: 1050px ) {
			.prodotto2-foto-container {
				position: relative;
				top: 0;
				height: auto;
			 }
		}
.prodotto2-foto {
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 2rem;
	/*padding: 1rem;*/
	background-color: #fff;
	object-fit: scale-down;
}
.prodotto2-foto-padded {
	padding: 4rem;
}
.prodotto2-h1 {
	color: #383C40;
	font-size: 40px;
	margin-bottom: 1rem;
}
.prodotto2-social {
	display: grid;
	grid-auto-flow: column;
	gap: 1rem;
}
.prodotto2-social .preferiti {
	height: 40px;
	aspect-ratio: 1;
	border: none;
	background: #F4E9E5 url(../ico/heart2.svg) center no-repeat;
	background-size: 21px;
	border-radius: 10rem;
}
.prodotto2-social .preferiti:is(.preferito-on) {
	background-image: url(../ico/heart-ig.svg);
}
.prodotto2-social .socialsharelink {
	height: 40px;
	aspect-ratio: 1;
	border: none;
	background: #F4E9E5 url(../ico/share.svg) center no-repeat;
	background-size: 17px;
	border-radius: 10rem;
}
.prodotto2-titolo {
	color: #5F6B75;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: .75rem;
}
.prodotto2-attivo {
	display: grid;
	align-items: start;
	justify-self: left;
	gap: .75rem;
	grid-template-columns: auto 1fr;
	font-size: 1rem;
}
.prodotto2-attivo > span {
	display: grid;
	place-content: center;
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1;
	border-radius: 1rem;
	font-size: .9rem;
	
}
.prodotto2-attivo:is(.ektos) > span    { background-color: #b1a6d195 }
.prodotto2-attivo:is(.chronos) > span  { background-color: #95d4e9 }
.prodotto2-attivo:is(.akme) > span     { background-color: #9ed8b3 }
.prodotto2-attivo:is(.melas) > span    { background-color: #ffa168 }
.prodotto2-attivo:is(.erythros) > span { background-color: #f9b5c3 }
.prodotto2-capacita {
	background-color: #e8e8ea;
	color: #00000090;
	border-radius: .3rem;
	padding: 0 .5rem;
	font-size: .9rem;
	line-height: 2;
	text-transform: uppercase;
}
.prodotto2-capacita:is(.ektos) { background-color: #b1a6d195 }
.prodotto2-capacita:is(.chronos) { background-color: #95d4e9 }
.prodotto2-capacita:is(.akme) { background-color: #9ed8b3 }
.prodotto2-capacita:is(.melas) { background-color: #ffa168 }
.prodotto2-capacita:is(.erythros) { background-color: #f9b5c3 }
.prodotto2-stelle {
	display: grid;
	grid-auto-flow: column;
	justify-self: left;
	align-items: center;
	gap: 1rem;
	color: #383c40;
	margin-left: .75rem;
}
.prodotto2-descrizione {
	color: #8D959B;
	margin-bottom: 2rem;
}
.prodotto2-prezzo-cta {
	display: grid;
	grid-auto-flow: column;
	align-content: start;
}
	@media (max-width: 1050px ) {
		.prodotto2-prezzo-cta {
			position: fixed;
			z-index: 1000;
			display: grid;
			justify-content: space-between;
			grid-template-columns: auto auto;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: #fff;
			padding: 1.5rem 1rem 1rem 1rem;
			border-radius: 1.5rem 1.5rem 0 0;
			box-shadow: 0 0 2rem rgba(0, 0, 0, .15);
			}
		.cart-cta {
			position: fixed;
			z-index: 1000;
			display: grid;
			grid-auto-flow: column;
			justify-content: space-between;
			gap: 1rem;
			align-items: center;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: #fff;
			padding: 1.5rem 1rem 1rem 1rem;
			border-radius: 1.5rem 1.5rem 0 0;
			box-shadow: 0 0 2rem rgba(0, 0, 0, .15);
		}
		}
.prodotto2-prezzo {
	color: #383C40;
	font-size: 32px;
}
.prodotto2-prezzo span {
	font-family: 'Font1 Bold';
	font-weight: bold;
}
.prodotto2-quantita {
	display: grid;
	grid-auto-flow: column;
	background: white;
	border-radius: 10rem;
}
.prodotto2-quantita input[type="number"] {
	border: none;
	outline: none;
	text-align: center;
	width: 32px;
	height: 42px;
	color: #383C40;
	font-family: 'Font1 Bold';
	-moz-appearance: textfield;
}
.prodotto2-quantita input[type="number"]::-webkit-outer-spin-button,
.prodotto2-quantita input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.prodotto2-quantita .btn {
	border: none;
	background: none;
	height: 42px;
	color: #383C40;
	cursor: pointer;
	padding: 0 .5rem;
}
.prodotto2-quantita .btn:nth-of-type(1) {
	padding-left: 1rem;
}
.prodotto2-quantita .btn:nth-of-type(2) {
	padding-right: 1rem;
}
.prodotto2-loghi {
	display: grid;
	grid-auto-flow: column;
	gap: 1rem;
}
.prodotto2-loghi img {
	width: 100%;
	height: 90px;
	padding: .75rem;
	background-color: #EEE9E6;
	border-radius: 1rem;
	object-fit: contain;
}
.prodotto2-prodotti-parlano {
	padding-top: 1.5rem;
	border-top: solid 1px #EEE8E2;
}
.prodotto2-accordion {
	padding: 1.2rem 1.5rem;
	padding-right: 4rem;
	text-transform: uppercase;
	background: url(../ico/chev-4.svg) right 1.5rem center no-repeat;
	background-size: 1rem;
	font-weight: bold;
	transition: all .2s ease-in-out;
}
.prodotto2-accordion-open {
	color: #DB998A;
	background-image: url(../ico/chev-5.svg);
}
	.prodotto2-accordion-open:is(.faq) {
		color: #5C6771;
		background-image: url(../ico/chev-5.svg);
	}
.prodotto2-accordion:hover {
	color: #DB998A;
}
	.prodotto2-accordion:is(.faq):hover {
		color: #5C6771;
	}
.prodotto2-prodotti-parlano .collapsable > div > div {
	padding: 1.5rem;
	padding-top: 0;
	background-color: #ffffff60;
	margin-top: .5rem;
	border-radius: 3rem;
}
.prodotto2-consiglio-esperto {
	display: grid;
	padding: 4rem 0;
	background-color: #EEE9E6;
}
		@media (max-width: 1050px ) {
			.prodotto2-consiglio-esperto {
				padding-bottom: 16rem;
			 }
		}
.prodotto2-consiglio-esperto-testo {
	position: relative;
	width: calc(100% - 10rem);
	padding: 4.5rem;
	padding-top: 5.5rem;
	padding-right: 20rem;
	background-color: #fff;
	border-radius: 5rem;
	font-size: 1.3rem;
}
		@media (max-width: 1050px ) {
			.prodotto2-consiglio-esperto-testo {
				width: 100%;
				padding: 2rem;
				padding-top: 4rem;
				padding-bottom: 7rem;
				border-radius: 3rem;
				font-size: 1.2rem;
			 }
		}
.prodotto2-consiglio-esperto-testo:after {
	position: absolute;
	content: '';
	top: -1.9rem;
	left: 3rem;
	width: 8rem;
	height: 6rem;
	background: url(../ico/quote.svg) center no-repeat;
	background-size: contain;
}
		@media (max-width: 1050px ) {
			.prodotto2-consiglio-esperto-testo:after {
				left: 1rem;
				width: 5rem;
				height: 4rem;
			 }
		}
.prodotto2-consiglio-esperto-foto {
	position: absolute;
	top: 50%;
	right: 0;
	translate: 10rem -50%;
	width: 20rem;
	height: 20rem;
	border-radius: 100rem;
}
		@media (max-width: 1050px ) {
			.prodotto2-consiglio-esperto-foto {
				top: auto;
				bottom: -12rem;
				right: auto;
				left: 50%;
				translate: -50% 0;
				width: 17rem;
				height: 17rem;
			 }
		}
.prodotto2-attivi {
	position: relative;
	background-color: #fff;
	height: 35rem;
	overflow: hidden;
}
		@media (max-width: 1050px ) {
			.prodotto2-attivi {
				height: 37rem;
			 }
		}
.prodotto2-attivi-texture {
	position: absolute;
	top: 50%;
	right: -10rem;
	translate: 0 -50%;
	height: 140%;
}
.prodotto2-recensioni {
	background-color: #EEE9E6;
}
.prodotto2-recensioni-container {
	max-height: 30rem;
	padding-right: 2rem;
	overflow-y: auto;
	scrollbar-width: 4px;
	scrollbar-color: #DED6CD #F8F5F2;
}
		@media (max-width: 1050px ) {
			.prodotto2-recensioni-container {
				padding-right: 1rem;
			 }
		}
		.prodotto2-recensioni-container::-webkit-scrollbar {
			width: 8px;
		}
		.prodotto2-recensioni-container::-webkit-scrollbar-track {
			background: #EEE9E6;
			border-radius: 10px;
		}
		.prodotto2-recensioni-container::-webkit-scrollbar-thumb {
			background: #cbd5e0;
			border-radius: 10px;
			border: 2px solid #EEE9E6;
		}
		.prodotto2-recensioni-container::-webkit-scrollbar-thumb:hover {
			background: #EEE9E6;
		}
		.prodotto2-recensioni-container::-webkit-scrollbar-thumb:active {
			background: #EEE9E6;
		}
.prodotto2-recensione {
	background-color: #fff;
	padding: 3rem;
	border-radius: 2.5rem 2.5rem 2.5rem 0;
}
		@media (max-width: 1050px ) {
			.prodotto2-recensione {
				padding: 1.5rem;
				border-radius: 1.5rem;
			 }
		}
.prodotto2-recensione p:nth-of-type(2) {
	color: rgba(0,0,0,0.4);
}
.prodotto2-skincoding {
	color: #363839;
	background-color: #F8F5F1CC;
	background-image: url(../images/skincoding2.webp);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: calc(50% - 10rem) 50%;
}
		@media (max-width: 1050px ) {
			.prodotto2-skincoding {
				margin-left: -1rem;
				width: calc(100% + 1);
			 }
		}
.prodotto2-skincoding h2 {
	color: #363839;
}
.prodotto2-skincoding p {
	color: #727272;
}
.prodotto2-skincoding a {
	display: grid;
	place-content: center;
	border: none;
	color: #fff;
	background: #DB998A;
	/*background: #DB998A url(../ico/arrow-right-fff.svg) right 2rem center no-repeat;*/
	/*background-size: 1.2rem;*/
	/*padding-right: 4rem;*/
	border-radius: 10rem;
	padding: 0 2rem;
	height: 42px;
	text-transform: uppercase;
	font-family: 'Font1 Bold';
	font-size: 1rem;
	transition: all .2s ease-in-out;
}
.prodotto2-skincoding a:hover {
	background-color: #96665D;
	transition: all .2s ease-in-out;
}

/* NUOVA SCHEDA PRODOTTO */












.capacita-hidden {
	display: none;
}

.instagram-wall {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.instagram-wall img {
	object-fit: cover;
	aspect-ratio: 1;
}

.dicono-di-noi-card {
	background-color: #DED9D0;
	background: url(../images/pro/whatsapp-bg.webp);
	padding: 2rem;
	border-radius: 1rem;
	box-shadow: 0 0 2rem rgba(0,0,0,0.1);
}
.dicono-di-noi-card h2 {
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 2rem;
}
.dicono-di-noi-card p {
	position: relative;
	background-color: #fff;
	margin: 0;
	padding: 1rem;
	padding-bottom: 2rem;
	line-height: 1.3;
	font-size: 1rem;
	border-radius: 0.3rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.dicono-di-noi-card p:after {
	content: '';
	position: absolute;
	bottom: -0.7rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	background-color: #fff;
	rotate: 33deg;
}
.dicono-di-noi-card b, .dicono-di-noi-card i {
	display: grid;
	opacity: 0.5;
	line-height: 1.2;
	font-size: 1rem;
}
.dicono-di-noi-card b {
	margin-top: 1.5rem;
}
@media (min-width:1050px) {
	.dicono-di-noi-card:nth-child(1) { border-color: #58ACAB; rotate: -3deg }
	.dicono-di-noi-card:nth-child(2) { border-color: #E8A66C; rotate: 4deg }
	.dicono-di-noi-card:nth-child(3) { border-color: #65B0C5; rotate: -2deg }
	.dicono-di-noi-card:nth-child(4) { border-color: #E0A29B; rotate: 3deg }
	.dicono-di-noi-card:nth-child(5) { border-color: #ECC87E; rotate: 0deg }
	.dicono-di-noi-card:nth-child(6) { border-color: #A1474A; rotate: 5deg }
}

.scrollup {
	opacity: 0;
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 50%;
	translate: -50% 50%;
	width: 3.5rem;
	aspect-ratio: 1;
	padding: 1.2rem;
	rotate: 180deg;
	cursor: pointer;
	background-color: rgba(255,255,255, 0.9);
	border-radius: 100%;
	box-shadow: 0 0 1rem rgba(0,0,0,0.2);
	transition: all .4s;
	display: none;
}
.scrollup-on {
	opacity: 1;
	translate: -50% -1rem;
	transition: all .4s;
	display: none;
}
		@media (max-width: 1050px) {
			.scrollup {
					/*bottom: 1rem;*/
				}
			#prodotto .scrollup-on {
				translate: -50% -6.5rem;
			}
		}

.campo-cart-omaggio-dosi-prova {
	display: grid;
	height: 11rem;
	padding: 0.5rem 0;
	border: solid 1px #999999;
	background: #fff;
	overflow: auto;
}
.campo-cart-omaggio-dosi-prova .dose-prova {
	padding: 0 .5rem .3rem;
	transition: .1s;
	cursor: pointer;
}
.campo-cart-omaggio-dosi-prova .dose-prova:not(.dose-prova-on):hover {
	background-color: rgba(0,0,0,0.1);
}
.campo-cart-omaggio-dosi-prova .dose-prova-on {
	background-color: #000;
	color: #fff;
	transition: .1s;
}


.progressbar {
	display: grid;
	grid-template-columns: repeat(auto-fit, 1.5rem);
	justify-self: left;
	width: 100%;
	max-width: 30rem;
	grid-gap: .2rem;
}
.progressbar > div {
	height: .5rem;
	border-radius: 12rem;
	background-color: rgba(0,0,0,0.2);
	background-color: #E0D9D2;
}
.progressbar .on {
	background-color: var(--c-4);
}
.skincoding {
	background: url(../images/skincoding.webp) bottom right no-repeat;
	background-size: auto 35rem;
}
.skincoding-solari {
	background: url(../images/linee/54/intro.png) top 20rem right 0 no-repeat;
	background-size: auto 27rem;
}
.pt-page-totem.skincoding-solari {
	background-position: top 10rem right 0;

}

.skincoding-esposoma {
	background: url(../images/esposoma/esposoma.png) top 20rem right 3rem no-repeat;
}
		@media (max-width: 1050px) {
			.skincoding {
				background: none;
			}
		}
.skincoding-scelte {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1rem;
}
.skincoding-scelte2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1rem;

}
		@media (max-width: 1050px) {
			.skincoding-scelte,
			.skincoding-scelte2 {
				justify-self: auto;
				grid-template-columns: 1fr 1fr;
				grid-gap: 1rem;
				grid-row-gap: 1.5rem;
			}
		}
.skincoding-scelte > div {
	display: grid;
	text-align: center;
	align-content: center;
	align-items: center;
	padding: 1.5rem 1rem;
	cursor: pointer;
	border-radius: 0.5rem;
	min-height: 5rem;
	background-color: #fff;
	box-shadow: 0 0 1rem rgba(0,0,0,0.1);
	font-size: 1.05rem;
	line-height: 1.1;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	border: solid 1px rgba(0, 0, 0, 0.2);
	transition: all .3s;
}
.skincoding-scelte > div:hover {
	color: #fff;
	background-color: var(--c-2);
	font-weight: normal;
}

.trattamenti-before-after {
	position: relative;
	width: 25rem;
	height: 20rem;
}
.trattamenti-before-after-corpo {
	height: 40rem;
}
.trattamenti-before-after-sun {
	height: 40rem;
}
		@media (max-width: 1050px) {
			.trattamenti-before-after {
				width: 100%;
				height: 18rem;
			}
		}
.trattamenti-before-after > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.trattamenti-before-after > div > div {
	position: absolute;
	top: 1rem;
	left: 0;
	text-transform: uppercase;
	font-size: 1rem;
	padding: .2rem 1rem;
	background-color: #000;
	color: #fff;
}
.trattamenti-before-after > div > div:nth-child(2) {
	top: 3rem;
}


.risultati {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 5rem;
}
			@media (max-width:800px ) { 
				.risultati {
					grid-template-columns: 1fr 1fr;
					grid-gap: 1rem;
				}
			}
.risultati > div {
	text-align: center;
	font-weight: bold;
	border: solid 4px #fff;
	box-shadow: 0 0 1rem rgba(0,0,0,0.2);
}
.risultati .primaedopo {
	position: relative;
	aspect-ratio: 4/3;
}
.risultati .primaedopo img {
	position: absolute;
	object-fit: cover;
	object-position: center center;
	width:  100%;
	height: 100%;
}
.risultati .primaedopo img:nth-of-type(2) {
	xdisplay: none;
}
.risultati .primaedopo .tag {
	position: absolute;
	z-index: 10;
	top: 1rem;
	left: 0;
	font-size: 0.75rem;
	text-transform: uppercase;
	padding: 0.2rem 0.7rem;
	padding-bottom: 0.2rem;
	background-color: #fff;
}
.risultati .primaedopo .tag:nth-of-type(2) {
	xdisplay: none;
}
.risultati p {
	font-size: 1.3rem;
	margin: 1rem 0;
}
			@media (max-width:800px ) { 
				.risultati p {
					font-size: 1rem;
					margin: 0.5rem 0;
				}
			}



.store-finder-map {
	position: relative;
	z-index: 0;
	margin-top: 11.5rem;
	height: calc(100vh - 11.5rem);
	max-height: 53rem;
	background-color: #ebf3f5;
}
.store-finder-map-spinner {
	background-image: url(../ico/mapbox-spinner.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 4rem;
}
.m-store-finder-cerca {
	display: none !important;
}
.m-store-finder-filtro {
	display: none;
}
		@media (max-width: 1050px) {
			.store-finder-map {
				position: relative;
				padding: 0;
				margin-top: 0;
				width: 100%;
				height: calc(100dvh - 7.2rem);
				margin-top: 7.2rem;
			}
			.m-store-finder-cerca {
				display: grid !important;
				position: absolute;
				z-index: 10;
				width: calc(100% - 2rem);
				top: 1rem;
				left: 50%;
				translate: -50% 0;
				box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3);
				border-radius: 11.5rem;
				padding: .8rem 1rem !important;
			}
			.m-store-finder-filtro {
				display: grid;
				grid-gap: .3rem;
				position: absolute;
				z-index: 10;
				width: calc(100% - 2rem);
				bottom: 1rem;
				left: 50%;
				translate: -50% 0;
				box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3);
				border-radius: .5rem;
				padding: 1rem;
				font-size: 1rem;
				background-color: #fff;
			}
		}
#map {
	width: 100%;
	height: 100%;
}

.store-finder-card3 {
	position: absolute;
	z-index: 0;
	display: grid;
	left: calc(50% - 24rem);
	bottom: -5px;
	translate: -50% 0;
	width: 30rem;
	max-height: calc(100dvh - 15rem);
	background-color: #fff;
	padding: 2rem;
	box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
	clip-path: inset(-2rem -2rem 2px -2rem);
}
.store-finder-card3:is(.research) {
	max-height: calc(100dvh - 20rem);
}
		@media (max-width: 1050px) {
			.store-finder-card3 {
				z-index: 10;
				top: auto;
				left: 1rem;
				bottom: 0;
				width: calc(100% - 2rem);
				max-height: calc(100dvh - 10rem);
				translate: none;
				padding: 1rem;
				border-radius: .75rem .75rem 0 0;
				clip-path: inset(-2rem -2rem 0 -2rem);
			}
		}

#map2 {
	width: 100%;
	height: calc(100dvh - 450px);
	border: solid 5px #fff;
	border-radius: 1rem;
}
		@media (max-width: 1050px) {
			#map2 {
				position: relative;
				height: 20rem;
				border: solid 2px #fff;
				border-radius: .5rem;
			}
		}
#map3 {
	position: relative;
	height: 100dvh;
	width: 100%;
}
		@media (max-width: 1050px) {
			#map3 {
				position: relative;
			}
		}
.centro_nome {
	font-weight: bold;
	margin-bottom: .5rem;
}
		@media (max-width: 1050px) {
			.centro_nome {
				font-size: 1.2rem;
			}
		}
.centro_indirizzo {
	font-size: 1rem;
	opacity: .8;
}
.centro_telefono {
	font-size: 1rem;
	opacity: .8;
}
.centro_bottoni {
	margin-top: 1rem;
}
.centri-elenco .centro_bottoni {
	justify-self: left;
	margin-top: 0;
}
.centri-elenco-m {
	max-height: calc(100dvh - 25rem);
	overflow-y: scroll;
}
		@media (max-width: 1050px) {
			.centri-elenco .centro_bottoni {
				justify-self: right;
				/*
				position: absolute;
				top: 0;
				right: 0;
				margin-top: 0;
				*/
			}
		}
.centro_loghi {
	display: grid;
	justify-self: left;
	grid-auto-flow: column;
	align-items: center;
	align-content: center;
	gap: 1rem;
	margin-top: 1rem;
}
.centro_bottone {
	justify-content: center;
	border: solid 1px;
	border-radius: .3rem;
	font-size: .9rem;
	font-family: 'Font1 Bold';
	margin-top: 1rem;
}
		@media (max-width: 1050px) {
			.centro_bottone {
				margin-top: 0;
			}
		}

.store-finder-map-scrollalert {
	position: absolute;
	display: grid;
	left: 50%;
	bottom: 5rem;
	translate: -50% 0;
	background: #fff;
	padding: 1rem 2rem;
	border-radius: .5rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
.store-finder-card {
	position: absolute;
	z-index: 1;
	display: grid;
	left: 50%;
	translate: -600px 0;
}
		@media (max-width: 1050px) {
			.store-finder-card {
				position: relative;
				left: auto;
				translate: 0;
				margin-top: 0.5rem;
			}
		}
.store-finder-card-content {
	display: grid;
	justify-self: left;
	padding: 2rem;
	background-color: #fff;
	width: 24rem;
	box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}
		@media (max-width: 1050px) {
			.store-finder-card-content {
				padding: 1rem;
				padding-top: 3rem;
				width: auto;
				box-shadow: none;
			}
		}
.marker-centro {
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
    width: 25px;
    height: 36px;
    translate: 0 -18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
	transition: opacity .4s, height .4s, width .4s !important;
}
.marker-centro-on {
	height: 36px !important;
	width: 25px !important;
	overflow: visible !important;
	opacity: 1 !important;
	transition: opacity .4s, height .4s, width .4s !important;
}
.marker-centro-clicked {
	background-image: url(../ico/map-marker-clicked.svg) !important;
	height: 50px !important;
	width: 50px !important;
	background-position: center bottom !important;
	transition: height .1s, width .1s !important;
	/*z-index: 10000 !important;*/
}
		@media (max-width: 1050px) {
			.marker-centro,
			.marker-centro-on,
			.marker-centro-clicked {
				transition: none !important;
				transition: opacity .2s, height .2s, width .2s !important;
			}
		}
.marker-label {
	position: absolute;
    top: -1.4rem;
    left: 50%;
	translate: -50% 0;
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 0 0.3rem;
    font-size: .7rem;
    border-radius: .2rem;
    font-family: 'Font1 Standard';
    white-Space: nowrap;
}

.mapboxgl-popup-content {
	width: 17rem;
	font-weight: normal !important;
	font-family: 'Font1 Standard';
	font-size: 1rem;
	box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15) !important;
}
		@media (max-width: 1050px) {
			.mapboxgl-popup-content {
				width: 12rem;
				font-size: 0.9rem;
			}
		}
.mapboxgl-popup-content > div {
	padding: 0.5rem;
}
		@media (max-width: 1050px) {
			.mapboxgl-popup-content>div {
				padding: 0;
			}
		}
.mapboxgl-popup-content p:nth-child(1) {
	font-family: 'Font1 Bold';
	font-size: 1.2rem;
	color: #000;
	margin-bottom: 1rem;
}
		@media (max-width: 1050px) {
			.mapboxgl-popup-content p:nth-child(1) {
				font-size: 1rem;
				margin-bottom: 0;
			}
		}
.mapboxgl-popup-content p:nth-child(2) {
	margin-bottom: 1.5rem;
}
		@media (max-width: 1050px) {
			.mapboxgl-popup-content p:nth-child(2) {
				margin-bottom: 1rem;
			}
		}
.mapboxgl-popup-content .button {
	padding: 0.4rem 0.6rem;
	padding-top: 0.5rem;
	font-size: 0.9rem;
	text-align: center;
	font-family: 'Font1 Bold';
	margin-top: 0.5rem;
}
		@media (max-width: 1050px) {
			.mapboxgl-popup-content .button {
				display: grid;
				justify-content: center;
				padding: 0.5rem;
				margin: 0;
			}
		}

.centri-elenco > div {
	/*
	background-color: #fff;
	padding: 1rem;
	border-radius: .5rem;
	*/
}
		@media (max-width: 1050px) {
			.centri-elenco > div {
				padding: 1rem;
				border-radius: .5rem;
				border: solid 1px rgba(0, 0, 0, 0.2);
				background-image: linear-gradient(to bottom right, #fff, #fff, rgba(0, 0, 0, 0.07));
			}
		}

.scrollbar {
	padding-right: 1rem;
	scrollbar-width: thin;
	scrollbar-color: rgb(70, 70, 70) auto;
	overflow: auto;
}
.scrollbar *::-webkit-scrollbar {
	width: 7px;
}
.scrollbar *::-webkit-scrollbar-track {
	background: transparent;
}
.scrollbar *::-webkit-scrollbar-thumb {
	background-color: rgb(70, 70, 70);
}

.fix-padding-foto { /* desktop */
	padding: 1.5rem !important;
}
.fix-padding-foto2 { /* desktop */
	object-fit: contain !important;
	padding: 1.5rem !important;
}
.fix-padding-foto3 { /* mobile */
	object-fit: contain !important;
	padding: 1rem !important;
}

.cart-omaggio {
	position: relative;
	display: grid;
	width: 14rem;
	align-content: end;
	justify-items: center;
	padding: 1.5rem;
	padding-top: 0;
	text-align: center;
	background-color: #fff;
	border: solid 1px rgba(0,0,0,0.15);
	border-radius: 1rem;
	cursor: pointer;
	transition: all .3s;
}
.cart-omaggio b {
	display: grid;
	font-size: 1rem;
}
.cart-omaggio:hover {
	z-index: 100;
	border: solid 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
	transition: all .3s;
}
.cart-omaggio:has(.cart-omaggio-radio:checked) {
	background-color: #D3EEDD70;
	border: solid 1px green;
	box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
}
.cart-omaggio > img {
	width: 80%;
}
		@media (max-width: 890px) {
			.cart-omaggio {
				align-content: start;
				width: auto;
				padding: .8rem;
				padding-bottom: 1.2rem;
			}
			.cart-omaggio b {
				font-size: .8rem;
			}			
			.cart-omaggio > img {
				width: 70%;
			}
		}
.cart-omaggio-radio {
	margin-top: 2rem;
	cursor: pointer;
}

.research-home-intro {
	width: 100%;
	height: 100svh;
	overflow: hidden;
}
		@media (max-width: 1050px) {
				.research-intro-rainbow {
					position: relative;
					height: 60svh
				}
		}

#herocontainer {
	place-content: center;
	height: calc(100svh - 210px);
	margin-top: 210px;
	
}
.research-intro-video {
	object-fit: cover;
	width: 100%;
	height: 450px;
}
		@media ( max-width: 1050px) {
			#herocontainer {
				place-content: center;
				height: 100svh;
				margin-top: 100px;
				height: calc(100svh - 100px);
			}
			.research-intro-video-container {
				height: 100svh;
			}
			.research-intro-video {
				height: 280px;
				width: 200%;
				margin-left: -50%;
			}
		}


.research-esigenza {
	display: grid;
	position: relative;
}
.research-esigenza .esigenza  {
	width: 100%;
	height: 16rem;
	margin-bottom: 2rem;
	/*overflow: hidden;*/
}
.research-esigenza .esigenza img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: ease-in-out .3s all;
}
.research-esigenza .soluzione {
	position: absolute;
	bottom: 54%;
	left: 50%;
	translate: -50% -50%;
	height: 6rem;
	opacity: 0;
	transition: ease-in-out .3s all;	
}
.research-esigenza .soluzione-nome {
	transition: ease-in-out .3s all;	
}
.research-esigenza .focus {
	position: absolute;
	top: 24%;
	left: 20%;
	translate: -50% -50%;
	width: 8rem;
	height: 8rem;
	object-fit: cover;
	border: solid 3px rgba(255,255,255,.8);
	transition: ease-in-out .3s all;	
}
.research-esigenza:hover .esigenza img {
	scale: 1.1;
	transition: ease-in-out .3s all;
}
.research-esigenza:hover .soluzione {
	opacity: 1;
	scale: 1.9;
	transition: ease-in-out .3s all;
}
.research-esigenza:hover .soluzione-nome {
	transition: ease-in-out .3s all;
}
		.research-esigenza:nth-child(1):hover .soluzione-nome { color: #95D4E9 }
		.research-esigenza:nth-child(2):hover .soluzione-nome { color: #C8C3E2 }
		.research-esigenza:nth-child(3):hover .soluzione-nome { color: #9ED8B3 }
		.research-esigenza:nth-child(4):hover .soluzione-nome { color: #FFA168 }
		.research-esigenza:nth-child(5):hover .soluzione-nome { color: #F9B5C3 }
.research-esigenza:hover .focus {
	opacity: 0;
	scale: .8;
	transition: ease-in-out .3s all;
}
.research-esigenza .arr {
	justify-self: center;
	height: 2.2rem;
	opacity: 0;
	transition: ease-in-out .3s all;
}
.research-esigenza:hover .arr {
	opacity: 1;
	transition: ease-in-out .3s all;
}
.research-1 {
	position: absolute;
	top: 50%;
	translate: -5rem -50%;
}


.research-centri-estetici-hero {
	z-index: 0;
	padding: 5rem 0;
	padding-top: 2rem;
	background-image: url('images/../centri-estetici-research/hero2.webp'), linear-gradient(to bottom, #5A656F, #393D41);
	background-position: calc(50% + 25rem) bottom, center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto 95%, cover;
}
		@media (max-width: 1050px) {
			.research-centri-estetici-hero {
				padding: 1rem;
				padding-top: 2rem;
				background: linear-gradient(to bottom, #757d85, #393D41);
			}
		}

.master-beauty-business-model-hero {
	z-index: 0;
	padding: 5rem 0;
	padding-top: 2rem;
	background-image: url('images/../master-beauty-business-model/hero2.webp'), linear-gradient(to bottom, #f5f3ef, #bebcb8);
	background-position: calc(50% + 25rem) bottom, center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto 95%, cover;
}
		@media (max-width: 1050px) {
			.master-beauty-business-model-hero {
				padding: 1rem;
				padding-top: 2rem;
				background-color: #f3f1ed;
				background-image: url('images/../master-beauty-business-model/hero2-m.webp');
				background-size: auto 100%;
				background-position: right bottom;
			}
		}



@keyframes dropDownOpen {
  from { opacity: 0; left: 50%; transform: translate(-50%, 0) }
  to   { opacity: 1; left: 50%; transform: translate(-50%, 1rem) }
}
.dropDownOpen {
  animation-name: dropDownOpen;
}
@keyframes dropDownClose {
  from { opacity: 1; left: 50%; transform: translate(-50%, 1rem) }
  to   { opacity: 0; left: 50%; transform: translate(-50%, 0) }
}
.dropDownClose {
  animation-name: dropDownClose;
}

.galleggiante {
  float: up;
  animation: float 2.4s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0);
	rotate: 0deg;
  }
  50% {
    transform: translateY(.5rem);
	rotate: 2deg;
}
100% {
	transform: translateY(0);
	transform-origin: -10rem -.2rem;
  }
}

.modal {
	position: fixed;
	z-index: 1000;
	display: none;
	opacity: 0;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: calc(100vw - 3rem);
	max-width: 37rem;
	background-color: rgba(255, 255, 255, .97);
	/*border: solid 1px rgba(255, 255, 255, .9);*/
	/*backdrop-filter: blur(.8rem);*/
	padding: 2rem;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.1), 0 0 12rem rgba(0,0,0,0.4);
	border-radius: .5rem;
	max-height: 60vh;
	overflow: auto;

}
		@media (max-width: 1050px ) {
			.modal {
				padding: 1.5rem;
			}
		}
.modal-on {
	display: grid;
	animation: aniModal .4s ease forwards;
}
		@keyframes aniModal {
			from { opacity: 0; translate: -50% -40%; }
			to   { opacity: 1; translate: -50% -55%; }
		}

.modal p:nth-of-type(1) {
	font-family: 'Font1 Bold';
	color: var(--c-4);
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: 2rem;
}
.modal p:nth-of-type(2) {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.3;
}
		@media (max-width: 1050px ) {
			.modal>p:nth-child(1) {
					font-size: 1.5rem;
					margin-bottom: 1.3rem;
				}

				.modal>p:nth-child(2) {
					font-size: 1.1rem;
					line-height: 1.2;
				}
		}

.collapsable-trigger {
	cursor: pointer;
}
.collapsable {
	display: grid;
	grid-template-rows: 0fr;
	transition: all .4s;
}
.collapsable-open {
	grid-template-rows: 1fr;
}
.collapsable > div {
	display: grid;
	overflow: hidden;
}
.nav-dropdown .collapsable > div > div {
	display: grid;
	padding-left: 1rem;
	padding-bottom: 1.5rem;
}

/* SLIDER */

.scroller-container {
	flex-direction: row;
	align-items: center;
	display: flex;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 8rem;
	--animationspeed: 10s;
	--animationdelay: calc(var(--animationspeed) / 2);
	--sliderbackgroundcolor: #F4EDE7;
}

.scroller-container::before {
	position: absolute;
	background-image: linear-gradient(to right, var(--sliderbackgroundcolor) 0%, transparent 100%);
	content: '';
	height: 100%;
	width: 10rem;
	z-index: 2;
	pointer-events: none;
}
.scroller-container::after {
	position: absolute;
	background-image: linear-gradient(to left, var(--sliderbackgroundcolor) 0%, transparent 100%);
	content: "";
	height: 100%;
	width: 5%;
	z-index: 2;
	pointer-events: none;
	right: 0;
}

.scroller-slides {
	flex-shrink: 0;
	position: absolute;
	animation-name: slides1;
	animation-duration: var(--animationspeed);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-around;
}
		@media (max-width: 1050px ) {
			.scroller-slides {
				width: 70rem !important;
			}
		}
.scroller-slides.delay {
	transform: translateX(100%);
	animation-name: slides2;
}

/*
.scroller-container:hover .scroller-slides {
	animation-play-state: paused;
}
*/

.scroller-slides > div {
	width: 100%;
	height: 100%;
}
.scroller-slides > div img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
@keyframes slides1 {
	from { transform: translateX(0%) }
	to { transform: translateX(-100%) }
}
@keyframes slides2 {
	from { transform: translateX(100%) }
	to { transform: translateX(0%) }
}


.slidetoggle-container {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease-in-out;
}
.slidetoggle {
	/*
	padding: 2rem;
	background-color: teal;
	color: #fff;
	*/
}











/* SLIDERFADER CSS */

.sliderfader {
	display: grid;
	position: relative;
	container-type: inline-size;
	width: 100%;
}

.slides {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	gap: 1rem;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}

@container (min-width: 700px) {
	.slides {
		grid-auto-columns: calc(calc(100% - 1rem) / 2);
	}
}

@container (min-width: 1050px) {
	.slides {
		grid-auto-columns: calc(calc(100% - 2rem) / 3);
	}
}

@container (min-width: 1500px) {
	.slides {
		grid-auto-columns: calc(calc(100% - 3rem) / 4);
	}
}

@container (min-width: 1900px) {
	.slides {
		grid-auto-columns: calc(calc(100% - 4rem) / 5);
	}
}

.prodotto2-sliderfader-fotine {
	padding: 0 4rem;
}
.prodotto2-sliderfader-fotine .slides {
	grid-auto-columns: calc(calc(100% - 2rem) / 3);
	height: 9rem;
}
.prodotto2-sliderfader-prodotti-consigliati .slides {
	grid-auto-columns: calc(calc(100% - 6rem) / 4);
	gap: 2rem;
}
		@media (max-width: 1050px ) {
			.prodotto2-sliderfader-prodotti-consigliati .slides {
				grid-auto-columns: 100%;
			}
		}

.sliderfader .slide {
	position: relative;
	display: grid;
	place-content: center;
	scroll-snap-align: start;
	/*background: tomato;*/
	font-size: 4rem;
	color: #fff;
}
.prodotto2-sliderfader-fotine .slide {
	aspect-ratio: 1;
	object-fit: contain;
	background: #fff;
	border-radius: 1rem;
	overflow: hidden;
	cursor: pointer;
}
		.prodotto2-sliderfader-mobile .slide {
			aspect-ratio: 1;
			object-fit: contain;
			background: #fff;
			border-radius: 1rem;
			overflow: hidden;
			border-radius: 24px;
		}
.prodotto2-sliderfader-mobile .slide-texture img,
.prodotto2-sliderfader-fotine .slide-texture img {
	padding: 2rem;
}
.prodotto2-sliderfader-mobile .slide-video:after {
	position: absolute;
	z-index: 100;
	content: '';
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: 5rem;
	height: 5rem;
	background: url(../ico/play.svg) center no-repeat;
	background-size: contain;
}
.prodotto2-sliderfader-fotine .slide-foto img {
	aspect-ratio: 1;
	object-fit: cover;
}
.prodotto2-sliderfader-fotine .slide-video {
	padding: 0;
}
.prodotto2-sliderfader-fotine .slide-video img {
	aspect-ratio: 1;
	object-fit: cover;
}

.prodotto2-sliderfader-attivi .slide {
	align-content: start;
	color: #5F6B75;
	font-size: 1.1rem;
	padding: 2.1rem;
	background: rgba(0,0,0,.03);
	border-radius: 1rem;
	border-radius: 1.5rem;
	overflow: auto;
	backdrop-filter: blur(20px);
}
.prodotto2-sliderfader-attivi .slide b {
	font-size: 1.3rem;
	margin-bottom: 1rem;
	font-family: 'Font1 Bold';
}
.prodotto2-sliderfader-prodotti-consigliati .slide {
	align-content: start;
	justify-items: center;
	padding: 0;
	scroll-snap-align: start;
	background: transparent;
	font-size: 1.1rem;
	color: #5F6B75;
	overflow: hidden;
}
.prodotto2-sliderfader-prodotti-consigliati .slide .slide-foto-prodotto {
	height: 18rem;
	object-fit: contain;
	background-color: #fff;
	border-radius: 1.5rem;
}
.prodotto2-sliderfader-prodotti-consigliati .slide h2 {
	text-align: center;
	color: #383C40;
	font-size: 1.35rem;
	margin-bottom: .5rem;
	/*margin-top: 2rem;*/
}
.prodotto2-sliderfader-prodotti-consigliati .slide p:nth-of-type(1) {
	text-align: center;
	text-transform: uppercase;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.prodotto2-sliderfader-prodotti-consigliati .slide p:nth-of-type(2) {
	color: #383C40;
	text-align: center;
	font-size: 1.5rem;
	font-family: 'Font1 Bold';
	font-weight: bold;
}


.sliderfader[mode="fader"] .slide {
	opacity: 0;
}

.sliderfader .controls {
	position: absolute;
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 100;
}
.prodotto2-sliderfader-attivi .controls {
	position: relative;
	display: grid;
	justify-self: center;
	gap: 1rem;
	top: auto;
	width: auto;
	grid-auto-flow: column;
	transform: none;
	pointer-events: none;
}
.prodotto2-sliderfader-prodotti-consigliati .controls {
	position: relative;
	display: grid;
	justify-self: center;
	gap: 1rem;
	top: auto;
	width: auto;
	grid-auto-flow: column;
	transform: none;
	pointer-events: none;
}

.sliderfader .controls div {
	display: grid;
	place-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 10rem;
	color: #fff;
	background-color: #1b1927;
	cursor: pointer;
	pointer-events: all;
}
.prodotto2-sliderfader-mobile .controls div {
	display: grid;
	place-content: center;
	width: 4rem;
	height: 4rem;
	border-radius: 10rem;
	background-color: transparent;
	cursor: pointer;
	pointer-events: all;
}
.prodotto2-sliderfader-fotine .controls div {
	border-radius: 0;
	background: none;
	width: 2rem;
	height: 3rem;
}
.prodotto2-sliderfader-attivi .controls div {
	border-radius: 0;
	background: none;
	width: 3rem;
	height: 3rem;
	background-color: #F4F4F5;
	border-radius: .75rem;
}
.prodotto2-sliderfader-prodotti-consigliati .controls div {
	border-radius: 0;
	background: none;
	width: 3rem;
	height: 3rem;
	background-color: #F4F4F5;
	border-radius: .75rem;
}
.prodotto2-sliderfader-fotine .controls img {
	height: 1.5rem;
}
.prodotto2-sliderfader-mobile .controls img {
	height: 1.5rem;
}
.prodotto2-sliderfader-attivi .controls img {
	height: 1.5rem;
}
.prodotto2-sliderfader-prodotti-consigliati .controls img {
	height: 1.5rem;
}

.sliderfader .controls div.disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.sliderfader .controls div:hover {
	background-color: rgba(0, 0, 0, 0.8);
}
.prodotto2-sliderfader-mobile .controls div:hover {
	background-color: transparent;
}
.prodotto2-sliderfader-fotine .controls div:hover {
	background-color: transparent;
}
.prodotto2-sliderfader-attivi .controls div:hover {
	background-color: transparent;
}
.prodotto2-sliderfader-prodotti-consigliati .controls div:hover {
	background-color: transparent;
}

/* Fader Mode Styles */
.slides.fader-mode {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	touch-action: pan-y;
}

.slides.fader-mode .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	border: none !important;
}

@media (max-width: 1050px) {
	.sliderfader-research-soluzioni .slide {
		height: 550px !important;
	}
}

.slides.fader-mode .slide.active {
	opacity: 1;
}

/* Indicator dots styles */
.slide-indicators {
	display: grid;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	grid-auto-flow: column;
	gap: 10px;
	z-index: 10;
}
		.sliderfader-research-soluzioni .slide-indicators {
			bottom: -.5rem
		}
		.sliderfader-research-soluzioni-m .slide-indicators {
			bottom: -3rem
		}

.indicator-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid rgba(255, 255, 255, 0.6);
}
		.sliderfader-research-soluzioni .indicator-dot {
			background: #5C677140;
			cursor: pointer;
			transition: all 0.3s ease;
			border: 1px solid #5C677140;
		}

.indicator-dot:hover {
	background: rgba(255, 255, 255, 0.7);
	transform: scale(1.1);
}

.indicator-dot.active {
	background: #fff;
	border-color: #fff;
	transform: scale(1.2);
}
		.sliderfader-research-soluzioni .indicator-dot.active {
			background: #5C6771;
			border-color: #5C6771;
			transform: scale(1.2);
		}

/* Alternative dark style for indicators */
.slide-indicators.dark-style .indicator-dot {
	background: rgba(27, 25, 39, 0.4);
	border-color: rgba(27, 25, 39, 0.6);
}

.slide-indicators.dark-style .indicator-dot:hover {
	background: rgba(27, 25, 39, 0.7);
}

.slide-indicators.dark-style .indicator-dot.active {
	background: #1b1927;
	border-color: #1b1927;
}

/* ------------------------------------------------------- */













#carouselFader-research {
	position: relative;
	width: 100%;
	height: 39rem;
}

#carouselFader-research .carouselFader-arrow {
	position: absolute;
	z-index: 1;
	background: center center no-repeat;
	cursor: pointer;
	background-image: url(../ico/arrowSlider.svg);
}

#carouselFader-research .carouselFader-arrow-left {
	transform: scaleX(-1);
}

#carouselFader-research .carouselFader-arrow {
	top: 5rem;
	background-size: auto 1.2rem;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: .7rem;
}

#carouselFader-research .carouselFader-arrow-left {
	left: 31rem;
}

#carouselFader-research .carouselFader-arrow-right {
	left: 34rem;
}



#carouselFader-research .carouselFader-dots {
	position: absolute;
	z-index: 1;
	display: grid;
	grid-auto-flow: column;
	grid-gap: 0.5rem;
	grid-gap: 1rem;
	bottom: 2rem;
	left: 12.5rem;
	translate: -50% 0;
	user-select: none;
}

@media (max-width: 1050px) {
	#carouselFader-research .carouselFader-dots {
		grid-gap: 1.3rem;
		bottom: 1.5rem;
	}
}

#carouselFader-research .carouselFader-dots-dot {
	align-self: center;
	opacity: .3;
	height: .7rem;
	border-radius: 100%;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
	background-color: #000;

}

@media (max-width: 1050px) {
	#carouselFader-research .carouselFader-dots-dot {
		height: .8rem;
	}
}

#carouselFader-research .carouselFader-dots-dot-on {
	opacity: 1;
}


/* RESEARCH */

#research { color: #383C40 }
#research h1:not(.c-fff) { color: #383C40 }
#research h2 { letter-spacing: -.5px }
#research h3 { letter-spacing: -.5px }
#research h4 { letter-spacing: -.5px }
#research h4:is(.c-fff) { letter-spacing: .9px }
#research p:is(.c-fff):is(.tuc) { letter-spacing: .9px }
#research h2:not(.c-fff) { color: #383C40; }
#research h3:not(.c-fff) { color: #383C40; }
#research h4:not(.c-fff) { color: #383C40; }
#research p:not(.c-fff) { color: #383C40 }
		@media (max-width: 1050px ) {
			#research h3 {
				font-size: 1.7rem;
			}
		}

.research-scienza            .nav-scienza            { opacity: .5 }
.research-metodo             .nav-metodo             { opacity: .5 }
.research-centri-accreditati .nav-centri-accreditati { opacity: .5 }
.research-diventa-partner    .nav-diventa-partner    { opacity: .5 }
.research-diventa-partner    .nav-diventa-partner    { opacity: .5 }
.ektos    .nav-esigenza { opacity: .5 }
.chronos  .nav-esigenza { opacity: .5 }
.akme     .nav-esigenza { opacity: .5 }
.melas    .nav-esigenza { opacity: .5 }
.erythros .nav-esigenza { opacity: .5 }

.research-menu-scroll,
#research:not(.research-home) .earesearch-menu {
	position: fixed;
	top: 162px;
}

.research-menu > div {
	justify-items: center;
	align-content: center;
	width: 100%;
	height: 55px;
}
.logo-research {
	width: 115px;
	translate: 0 -3px;
}
.research-menu a {
	margin-top: 4px;
}

.research-pagina-hero {
	position: relative;
	display: grid;
	margin-top: 10rem;
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-position: calc(50% + 30rem) calc(50% + 1rem);
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: auto 110%;
}
		@media (max-width: 1050px ) {
			.research-pagina-hero {
				margin-top: 5rem;
				padding-bottom: 3rem;
			}
		}
.research-pagina-hero-scienza {
	background-image: url(../images/hero-scienza.webp);
}
		@media (max-width: 1050px ) {
			.research-pagina-hero-scienza {
				background-size: auto 11rem !important;
			}
		}
.research-pagina-hero-metodo {
	background-image: url(../images/hero-metodo.webp);
	background-size: cover !important;
	background-position: right bottom;
}
.research-pagina-hero-diventa-partner {
	background-image: url(../images/hero-diventa-partner.png);
	background-position: calc(50% + 5rem) 50%;
	background-size: auto;
}
		@media (max-width: 1050px ) {
			.research-pagina-hero-diventa-partner {
				background-position: calc(50% - 6rem) 50% !important;
				background-size: auto 100% !important;
			}
		}
body:is(.ektos) .research-pagina-hero { background-image: url(../images/eco-aging-fff.svg) }
body:is(.chronos) .research-pagina-hero { background-image: url(../images/chrono-aging-fff.svg) }
body:is(.akme) .research-pagina-hero { background-image: url(../images/acne-fff.svg) }
body:is(.melas) .research-pagina-hero { background-image: url(../images/melasma-fff.svg) }
body:is(.erythros) .research-pagina-hero { background-image: url(../images/reattivita-fff.svg) }
@media (max-width: 1050px ) {
	body .research-pagina-hero {
		background-position: top 1.5rem right -1.5rem;
		background-size: 9rem;
	}
}
.research-icone {
	padding: 3rem 0;
	background-color: #FAFAFA;
}
		@media (max-width: 1050px ) {
			.research-icone {
				width: 100%;
				height: 220px;
				padding: 0;
				overflow-x: scroll;
			}
		}
.research-icone .main {
	gap: 2px;
	color: #5C6771;
	background-color: #F2F2F3;
}
.research-icone .main > div {
	background-color: #FAFAFA;
}
.research-icone img {
	width: 70px;
	height: 70px;
	object-fit: contain;
}
		@media (max-width: 1050px ) {
			.research-icone .main {
				gap: 0;
				background-color: #FAFAFA;
				padding: 1rem 0;
			}
			.research-icone .main > div {
				width: 170px;
				padding: 1rem;
				padding-top: 2rem;
				font-size: .8em;
				border-right: solid 2px #F2F2F3;
			}
			.research-icone img {
				width: 50px;
				height: 50px;
			}
		}

.sliderfader-scienza-1 {
	width: 1100px;
}
		@media (max-width: 1050px ) {
			.sliderfader-scienza-1 {
				width: 100%;
			}
		}
.sliderfader-scienza-1 .controls {
	z-index: 0;
	width: calc(100vw - 2rem);
	max-width: 1200px;
	left: 50%;
	translate: -50% 0;
}
.sliderfader-scienza-1 .controls > div {
	background-color: #fff;
	border-radius: 1rem;
	border: solid 1px rgba(0,0,0,.15);
	scale: .9;
}
.sliderfader-scienza-1 .controls > div:hover {
	background-color: #383C4010;
}
.sliderfader-scienza-1 .slides {
	z-index: 1;
	background-color: transparent;
	grid-auto-columns: 100%;
}
.sliderfader-scienza-1 .slide {
	height: 500px;
	color: #000;
}
		@media (max-width: 1050px ) {
			.sliderfader-scienza-1 .slide {
				height: auto;
				padding: 3rem 3rem;
			}
		}
.sliderfader-research-linea .slides {
	justify-self: center;
	grid-auto-columns: calc(calc(100% + 0) / 1);
}
.sliderfader-research-linea .slide {
	object-fit: contain;
	width: 100%;
	height: 700px;
}
		@media (max-width: 1050px ) {
			.sliderfader-research-linea .slide {
				height: 100%;
				padding: 0;
			}
			.sliderfader-research-linea .slide img {
				
			}
		}
.slide-indicators {
	margin-bottom: 3.5rem;
}
		@media (max-width: 1050px ) {
			.slide-indicators {
				margin-bottom: 2rem;
			}
		}

.sliderfader-research-linea .controls {
	z-index: 100;
	width: 800px;
	bottom: 160px;
}
				@media (max-width: 1050px) {
					.sliderfader-research-linea .controls {
						display: none;
					}
				}
.sliderfader-research-linea .slide-indicators {
	bottom: -7rem;
}
				@media (max-width: 1050px) {
					.sliderfader-research-linea .slide-indicators {
						bottom: -5rem;
					}
				}
.sliderfader-research-linea .slide-indicators .indicator-dot {
	background: rgba(27, 25, 39, 0.2);
	border: none !important;
}

.sliderfader-research-linea .slide-indicators .indicator-dot:hover {
	background: rgba(27, 25, 39, 0.7);
	border: none !important;
}

.sliderfader-research-linea .slide-indicators .indicator-dot.active {
	background: rgba(27, 25, 39, 0.4);
	border: none !important;
}

@media (max-width: 1050px) {
	.sliderfader-metodo-1 .slide {
		height: 550px !important;
		color: #000;
	}
}

.metodo-1 {
	position: absolute;
	top: 50%;
	/*bottom: -6rem;*/
	translate: -5rem -50%;
	width: 580px; 
}
.metodo-box {
	position: absolute;
	bottom: 0;
	right: 0;
	translate: 0 50%;
	width: 900px;
	background-color: #5C6771;
	outline: solid 9px #fff;
}
		.metodo-box2 {
			right: auto;
			left: 0;
			width: 1000px;
		}
		.metodo-box3 {
			position: relative;
			bottom: auto;
			right: auto;
			left: auto;
			translate: none;
			width: auto;
			padding: 1rem;
			outline: none;
		}
		.metodo-box4 {
			padding: 2rem;
		}
		@media (max-width: 1050px ) {
			.metodo-box {
				position: relative;
				width: auto;
				text-align: center;
				translate: none;
				bottom: auto;
				right: auto;
				left: auto;
				top: auto;
				outline: none;
			}
			.metodo-box2 {
				left: auto;
				width: auto;				
			}
			.metodo-box4 {
				padding: 1rem;
			}
		}


:root {
	--c-ektos: rgba(177, 166, 209, 1);
	--c-ektos2: rgba(191, 182, 219, .2);
	--c-chronos: rgba(149, 212, 233, 1);
	--c-chronos2: rgba(149, 212, 233, .2);
	--c-akme: rgba(158, 216, 179, 1);
	--c-akme2: rgba(158, 216, 179, .2);
	--c-melas: rgba(255, 161, 104, 1);
	--c-melas2: rgba(255, 161, 104, .2);
	--c-erythros: rgba(249, 181, 195, 1);
	--c-erythros2: rgba(249, 181, 195, .2);
}
.c-ektos     { color: var(--c-ektos) }
.c-chronos   { color: var(--c-chronos) }
.c-akme      { color: var(--c-akme) }
.c-melas     { color: var(--c-melas) }
.c-erythros  { color: var(--c-erythros) }

.research-bioimpatto {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}
			@media (max-width: 1050px ) {
				.research-bioimpatto {
					grid-template-columns: 1fr;
					gap: 1rem;
				}
			}
.research-bioimpatto > div {
	position: relative;
	background-size: .7rem;
	padding: 1.5rem;
	padding-left: 3rem;
	background-color: #fff;
}
.research-bioimpatto > div:before {
	position: absolute;
	content: '';
	top: 1.8rem;
	left: 1.5rem;
	width: .9rem;
	height: .9rem;
	background: #fff url(../ico/chev-right2.svg) no-repeat;
	background-size: contain;
	opacity: .5;
}
.research-bioimpatto > div p:nth-child(1) {
	text-transform: uppercase;
	margin-bottom: .5rem;
}
.research-bioimpatto > div p:nth-child(2) {
	font-size: 1rem;
}

.research-prodotto {
	position: relative;
	width: 100%;
	max-width: 900px;
	background-color: #646F78;
	border-radius: 1rem;
	padding: 2.5rem;
	padding-left: 7rem;
	text-align: left;
	border: solid 1px #767C8C;
}
			@media (max-width: 1050px ) {
				.research-prodotto {
					grid-template-columns: 1fr;
					padding: 1rem;
					text-align: center;
				}
			}
.research-prodotto-ico-info {
	height: 1.2rem;
	width: 1.2rem;
	border-radius: 100px;
}
.research-prodotto-info {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .75rem;
	color: #fff;
	margin-top: 1.5rem;
}
			@media (max-width: 1050px ) {
				.research-prodotto-info {
					grid-template-columns: 1fr;
				}
			}
.research-prodotto-info .logo {
	justify-self: center;
	height: 100px;
}
.research-prodotto-info .percentuale {
	position: absolute;
	top: 5.5rem;
	left: 50%;
	translate: -50% 0;
	color: #fff;
	background-color: #6D7780;
	text-align: center;
	padding: 0 .2rem;
	font-size: 1rem;
	border-radius: .5rem;
}
.research-prodotto-info .spicole {
	text-align: center;
	font-size: .9rem;
	white-space: nowrap;
	margin-top: .5rem;
}

.research-prodotto-info > div:nth-child(2) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .75rem;
}
			@media (max-width: 1050px ) {
				.research-prodotto-info > div:nth-child(2) {
					grid-template-columns: 1fr;
				}
			}
.research-prodotto-info > div:nth-child(3) {
	grid-column: 1 / span 2;
}
			@media (max-width: 1050px ) {
				.research-prodotto-info>div:nth-child(3) {
					grid-column: inherit;
				}
			}
.research-prodotto-info .box {
	position: relative;
	font-size: .9rem;
	background-color: #6D7780;
	border-radius: .5rem;
	padding: 1rem 1.5rem;
}
.research-prodotto-info .box p {
	color: rgba(255,255,255,.7) !important;
	opacity: .7;
}
.research-prodotto-info .box p {
	color: #fff !important;
}
.research-prodotto-info .box2 {
	grid-column: 1 / span 2;
}
.research-prodotto .prezzo {
	position: absolute;
	top: 2.5rem;
	right: 2.5rem;
}
.research-prodotto .prezzo:is(.nodesktop) {
	display: grid;
	place-content: center;
	top: 1rem;
	right: 1rem;
	padding: 0;
	width: 2.8rem;
	height: 2.8rem;
}
.research-prodotto .foto {
	position: absolute;
	top: 2rem;
	left: 0;
	translate: -50% 0;
	width: 140px;
}
.research-prodotto .foto2 {
	width: 125px;
}
			@media (max-width: 1050px ) {
				.research-prodotto .foto {
					position: relative;
					justify-self: center;
					translate: none;
					top: 0;
					width: 100px;
					margin-bottom: 2rem;
				}
				.research-prodotto .foto2 {
					width: 80px;
				}
			}
.research-risultati-visibili {
	display: grid;
	height: 700px;
	background-image: url(../images/lente4.webp);
	background-size: auto 460px;
	background-position: calc(50% - 20rem) calc(50% + 5rem);
	background-repeat: no-repeat;
	background-color: #fff;
	padding-top: 6rem;
}
			@media (max-width: 1050px ) {
				.research-risultati-visibili {
					background: none;
					padding-top: 4rem;
				}
			}
@media (min-width: 1050px) {
	body:is(.ektos) .research-risultati-visibili { background-image: url(../images/risultati-ektos.webp) }
	body:is(.chronos) .research-risultati-visibili { background-image: url(../images/risultati-chronos.webp) }
	body:is(.akme) .research-risultati-visibili { background-image: url(../images/risultati-akme.webp) }
	body:is(.melas) .research-risultati-visibili { background-image: url(../images/risultati-melas.webp) }
	body:is(.erythros) .research-risultati-visibili { background-image: url(../images/risultati-erythros.webp) }
}

body:is(.ektos) { --c-linea: var(--c-ektos) }
body:is(.ektos) .research-prodotto .research-prodotto-ico-info { background-color: var(--c-ektos) }
body:is(.ektos) .c-research-linea  { color: var(--c-ektos) !important }
body:is(.ektos) .bc-research-linea { background-color: var(--c-ektos) !important }
body:is(.ektos) .bc-research-linea2 { background-color: var(--c-ektos2) !important }

body:is(.chronos) { --c-linea: var(--c-chronos) }
body:is(.chronos) .research-prodotto .research-prodotto-ico-info { background-color: var(--c-chronos) }
body:is(.chronos) .c-research-linea  { color: var(--c-chronos) !important }
body:is(.chronos) .bc-research-linea { background-color: var(--c-chronos) !important }
body:is(.chronos) .bc-research-linea2 { background-color: var(--c-chronos2) !important }

body:is(.akme) { --c-linea: var(--c-akme) }
body:is(.akme) .research-prodotto .research-prodotto-ico-info { background-color: var(--c-akme) }
body:is(.akme) .c-research-linea  { color: var(--c-akme) !important }
body:is(.akme) .bc-research-linea { background-color: var(--c-akme) !important }
body:is(.akme) .bc-research-linea2 { background-color: var(--c-akme2) !important }

body:is(.melas) { --c-linea: var(--c-melas) }
body:is(.melas) .research-prodotto .research-prodotto-ico-info { background-color: var(--c-melas) }
body:is(.melas) .c-research-linea  { color: var(--c-melas) !important }
body:is(.melas) .bc-research-linea { background-color: var(--c-melas) !important }
body:is(.melas) .bc-research-linea2 { background-color: var(--c-melas2) !important }

body:is(.erythros) { --c-linea: var(--c-erythros) }
body:is(.erythros) .research-prodotto .research-prodotto-ico-info { background-color: var(--c-erythros) }
body:is(.erythros) .c-research-linea  { color: var(--c-erythros) !important }
body:is(.erythros) .bc-research-linea { background-color: var(--c-erythros) !important }
body:is(.erythros) .bc-research-linea2 { background-color: var(--c-erythros2) !important }

.research-risultati-visibili .timeline {
	position: relative;
	display: grid;
	height: 500px;
	overflow: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
}
.research-risultati-visibili .timeline > div {
	position: relative;
	padding-left: 4rem;
	padding-bottom: 4rem;
}
.research-risultati-visibili .timeline > div:last-child {
	padding-bottom: 0;
}
		.research-risultati-visibili .timeline > div:before {
			position: absolute;
			content: '';
			top: 1rem;
			left: 14px;
			width: 3px;
			height: 100%;
			background-color: red;
		}
		.research-risultati-visibili .timeline > div:not(:last-child):after {
			position: absolute;
			content: '';
			top: 3px;
			left: 0;
			width: 31px;
			height: 31px;
			border-radius: 10rem;
			background-color: red;
		}
.timeline-info {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 1rem;
	background-color: #F6F4FA;
	padding: 1rem 2rem;
	margin-top: 2rem;
}
			@media (max-width: 1050px ) {
				.timeline-info {
					grid-template-columns: 1fr;
					gap: 0;
					padding: .5rem 1rem;
					margin-top: 1rem;
				}
			}
body:is(.ektos) .research-risultati-visibili .timeline > div:before { background-color: var(--c-ektos) !important }
body:is(.ektos) .research-risultati-visibili .timeline > div:after { background-color: var(--c-ektos) !important }
body:is(.chronos) .research-risultati-visibili .timeline > div:before { background-color: var(--c-chronos) !important }
body:is(.chronos) .research-risultati-visibili .timeline > div:after { background-color: var(--c-chronos) !important }
body:is(.akme) .research-risultati-visibili .timeline > div:before { background-color: var(--c-akme) !important }
body:is(.akme) .research-risultati-visibili .timeline > div:after { background-color: var(--c-akme) !important }
body:is(.melas) .research-risultati-visibili .timeline > div:before { background-color: var(--c-melas) !important }
body:is(.melas) .research-risultati-visibili .timeline > div:after { background-color: var(--c-melas) !important }
body:is(.erythros) .research-risultati-visibili .timeline > div:before { background-color: var(--c-erythros) !important }
body:is(.erythros) .research-risultati-visibili .timeline > div:after { background-color: var(--c-erythros) !important }

.research-linea-faq {
	display: grid;
	height: 430px;
	overflow: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
}

#diventa-partner .preform {
	position: relative;
	background: #F2F4F5 url(../images/diventa-partner-1.webp) no-repeat;
	background-size: auto 100%;
	background-position: calc(50% - 2rem) 50%;
}
			@media (max-width: 1050px ) {
				#diventa-partner .preform {
					background: #F2F4F5;
				}
			}
#diventa-partner .box {
	position: absolute;
	bottom: 0;
	left: 50%;
	translate: calc(-50% + 8.5rem) 50%;
	color: #fff;
	font-size: .9rem;
	background-color: #6D7780;
	padding: 1.5rem 2rem;	
}
			@media (max-width: 1050px ) {
				#diventa-partner .box {
					position: relative;
					text-align: center;
					left: auto;
					translate: none;
					bottom: auto;
					padding: 2rem 1rem;
					margin-top: 2rem;
				}
			}
.research-diventa-partner label {
	display: grid;
	color: #383C40;
	font-size: 1rem;
}
.research-diventa-partner input[type=text],
.research-diventa-partner input[type=email],
.research-diventa-partner select,
.research-diventa-partner textarea {
	border: solid 1px rgba(0,0,0,.1);
	background-color: rgba(0, 0, 0, .03);
}


/* ================================ NUOVO ================================ */
/* ================================ NUOVO ================================ */
/* ================================ NUOVO ================================ */
/* ================================ NUOVO ================================ */
/* ================================ NUOVO ================================ */
/* ================================ NUOVO ================================ */
/* ================================ NUOVO ================================ */

/* ================================ RHEA ================================ */
.menu-cart {
	position: relative;
	height: 1.6rem;
	width: 1.6rem;
	background: url(../ico/shopping-bag2.svg) center center no-repeat;
	background-size: contain;
}
.menu-cart-contatore {
	position: absolute;
	top: -0.2rem;
	left: -0.5rem;
	display: grid;
	background-color: #5c6771;
	height: 1.2rem;
	width: 1.2rem;
	border-radius: 50%;
	color: #fff;
	place-items: center;
	line-height: 1.7;
	font-size: 0.75rem;
	letter-spacing: -1.5px;
}
.menu-cart-contatore-0 {
	visibility: hidden;
}

.top-lingue {
	display: grid;
	grid-gap: 1rem;
	width: 6rem;
}
.top-lingue > a {
	display: grid;
	align-items: center;
	grid-gap: 1.2rem;
	text-align: center;
}
.top-lingue img {
	align-self: center;
	height: .95rem;
	max-width: inherit;
	border: solid 1px rgba(0,0,0,0.1);
}
.top-shop {
	display: grid;
	z-index: 1;
	border-width: 1px;
	border-style: solid;
	border-image: linear-gradient(to left, rgba(0,0,0,0.2) 0%, transparent 80%) 0 0 100% 0;
	border-top: none;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	transition: all .2s;
}
.top-shop-scroll {
	padding-top: .6rem;
	padding-bottom: .6rem;
}
.top-shop a {
	border: none;
	line-height: 1;
}

/* ================================ RESEARCH ================================ */

.top-dermosfera {
	display: grid;
	padding-left: 2.5rem;
	padding-right: 4rem;
	background: #fff;
	/*border-bottom: solid 1px rgba(0, 0, 0, .1);*/
}

.dermosfera-siti {
	display: grid;
}

.dermosfera-siti a {
	text-transform: uppercase;
	font-size: .85rem;
	padding: .7rem 1.5rem;
}

.dermosfera-siti a:is(.on),
.dermosfera-siti a:hover {
	color: #fff;
	background-color: #5c6771;
}

.dermosfera-cart {
	position: relative;
	height: 1.3rem;
	width: 1.3rem;
	background: url(../ico/shopping-bag4.svg) center center no-repeat;
	background-size: contain;
}

.dermosfera-cart-m {
	height: 1.5rem;
	width: 1.5rem;
}

.dermosfera-cart-contatore {
	position: absolute;
	top: -0.3rem;
	right: -0.6rem;
	display: grid;
	background-color: #000;
	height: 1.2rem;
	width: 1.2rem;
	border-radius: 50%;
	color: #fff;
	place-items: center;
	line-height: 1.7;
	font-size: 0.75rem;
	letter-spacing: -1.5px;
}

.dermosfera-cart-contatore-0 {
	visibility: hidden;
}

.dermosfera-avatar {
	position: relative;
	height: 1.3rem;
	width: 1.3rem;
	background: url(../ico/avatar.svg) center center no-repeat;
	background-size: contain;
}

.dermosfera-lingue {
	position: relative;
	display: grid;
	align-items: center;
	gap: .5rem;
	font-size: 1rem;
	height: 1.3rem;
	color: #000;
	background: url(../ico/mondo.svg) left 1.5rem center no-repeat;
	background-size: 1.2rem;
	border-left: solid 1px #5c677140;
	padding-left: 3.2rem;	
}

.dermosfera-lingue-dropdown {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	display: grid;
	width: 8rem;
	gap: 1rem;
	top: 25px;
	left: 50%;
	translate: -50% 0;
	font-weight: normal;
	font-size: 1.1rem;
	background-color: #fff;
	padding: 1.5rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

.dermosfera-lingue-dropdown:is(.on) {
	visibility: visible;
	z-index: 1000;
	opacity: 1;
}