body {

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

.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;
}

.button-wa-fff {
	color: #5f6b75;
	padding: 1.7rem 2rem;
	padding-left: 4rem;
	background-image: url(../ico/wa.svg);
	background-size: 1.7rem;
	background-repeat: no-repeat;
	background-position: left 1.3rem center;
	transition: all .1s ease-in-out;
}
.button-wa-fff:hover {
	color: #5f6b75;
	background-color: #f6c4b9;
}

.button2 {
	display: grid;
	align-content: center;
	border: none;
	color: #fff;
	background: #383C40 url(../ico/arrow-right-fff.svg) right 1.4rem center no-repeat;
	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-weight: bold;
	font-size: 1rem;
	transition: all .2s ease-in-out;
}

.button2b {
	background: #383C40;
	padding: .8rem 1.5rem !important;
}

.button2:hover {
	filter: invert(0) !important;
	background-color: #5C6771 !important;
}

.button3 {
	background-image: url(../ico/arrow-right-383C40.svg);
	background-color: #383C40;
}

.button3:hover {
	filter: invert(0) !important;
	background-color: #5C6771 !important;
	color: #fff !important;
	background-image: url(../ico/arrow-right-fff.svg) !important;
}

.button4 {
	color: #5C6771;
	background-color: #fff;
	background-image: url(../ico/arrow-right-383C40.svg) !important;
}

.button4:hover {
	color: #fff;
	background-color: #949ca4 !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: #5C6771;
	background-color: #fff;
	background-image: url(../ico/play3.svg);
	background-size: 1.2rem;
}

.button7:hover {
	color: #fff;
	background-color: var(--c-linea) !important;
}

.button-000 {
	background-color: #000;
	color: #fff;
}

.button8 {
	background-color: #db998a;
	color: #fff;
	border: none;
}
.button8:hover {
	background-color: #fff;
	color: #5a6670;
	border: none;
}


.button-cart-s {
	height: 35px !important;
	padding: 0 1rem !important;
	padding-right: 3rem !important;
	font-size: .8rem !important;
	background-size: auto 1rem !important;
	background-position: center right 1rem !important;
}

.button-cards {
	background-image: url(../ico/cards.svg);
	background-size: auto 1.5rem;
}

.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;
}

.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;
}

strong,
b {
	xxxxxxfont-family: 'Font1 Bold';
}

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 */
}
#home .h1-s {
	font-size: 3.2rem;
}

@media (max-width: 1050px) {

	h1,
	.h1-s {
		font-size: 2.2rem;
	}

	#home h1 {
		font-size: 2.7rem;
	}

	#home .h1-s {
		font-size: 2.2rem;
	}

}

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: 1300px;
}

@media (max-width: 1300px) {
	.main {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media (max-width: 800px) {
	.main {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}



















.hamburger {
	display: none;
	position: fixed;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 25px;
	cursor: pointer;
	z-index: 2000;
	flex-direction: column;
	justify-content: space-between;
}

.hamburger span {
	width: 100%;
	height: 3px;
	background: #000;
	transition: all 0.3s;
}

.hamburger.active span:nth-child(1) {
	transform: rotate(45deg) translate(8px, 8px);
}

.hamburger.active span:nth-child(2) {
	opacity: 0;
}

.hamburger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(8px, -8px);
}

.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);
}

nav {
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	align-items: center;
	padding: 0 4rem;
}
.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: #000;
	border-bottom: solid 2px transparent;
}
.nav-a:hover,
.nav-dropdown:hover>span {
	color: #db998a;
	border-color: #db998a;
}
.nav-dropdown:not(:last-child):hover>span {
}
.nav-dropdown > div {
	position: fixed;
	display: grid;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	max-width: 1200px;
	top: 169px;
	left: 50%;
	translate: -50% 0;
	background: #fff;
	list-style: none;
	padding: 32px;
	white-space: nowrap;
	transition: all 0.15s ease-in-out;
}
.nav-dropdown > div:before {
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
	left: -100vw;
	width: 200vw;
	height: 100%;
	content: '';
	background-color: #fff;
	border-top: solid 1px #eaeaea;
	box-shadow: 0 .2rem .5rem -1px rgba(0, 0, 0, 0.05);
}
.nav-dropdown:hover > div {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	top: 167px;
	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: #55646d;
	letter-spacing: .5px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.nav-dropdown b {
	color: var(--c-2);
	font-size: 15px;
	border-bottom: solid 1px var(--c-1);
	padding-bottom: 10px;
	margin-bottom: 15px;	
}

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

.nav-dropdown .banner {
	position: relative;
	display: grid;
	border-radius: 16px;
	overflow: hidden;
	text-transform: none;
}
.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-cerca {
	position: relative !important;
	padding: 0 !important;
	border: none !important;
	border-bottom: solid 1px #000 !important;
	padding: .4rem 0 !important;
	background: url(../ico/search2.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: #fff;
		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-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: 1000;
	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.15;
}
.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: rgba(255, 255, 255, 1);
		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;
	}
	.m1 {
		display: grid;
		background-image: url(../ico/plus.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;
	}
	.m1:is(.on) {
		background-image: url(../ico/minus.svg);
	}
	.m2, .m4 {
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows 0.3s ease-out;
		background-color: #f8f5f2;
		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;
	}
	.inner-content b:not(:first-child) {
		margin-top: 1rem;
	}
	.inner-content a {
		margin-bottom: .75rem;
	}
	.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;
	}
}



















footer {
	display: grid;
	background-color: #fdfcfb;
}
.home2 footer {
	display: grid;
	background-color: #fff;
}
.home2 .footer-vantaggi {
	background-color: #f8f5f2;
}

footer,
footer a {
	font-size: 1rem;
	line-height: 1.4;
}

.footer-nuovo,
.footer-nuovo a {
	font-size: .95rem;
}
@media (max-width: 1050px) {
		.footer-nuovo,
		.footer-nuovo a {
			font-size: .8rem !important;
			line-height: 1;
		}
}

.footer-nuovo .main > div:nth-child(2n) {
	width: 1px;
	background-color: #f6e9e5;
}

.footer-nuovo a {
	font-size: .95rem;
}

.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;
	/*
	position: fixed;
	z-index: 1000;
	top: 1.5rem;
	right: 1rem;
	border-radius: 10rem;
	background-color: #000;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
	*/
}

.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: calc(100dvh + 4rem);
	max-height: 65rem;
	min-height: 50rem;
}
		@media (max-width: 1050px) {
			#carouselFader-home {
				height: calc(100dvh - 7rem);
				height: calc(100dvh);
				max-height: auto;
				min-height: auto;
			}
		}

#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: 0;
	left: 50%;
	translate: -50% -6rem;
	user-select: none;
}

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

#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(../home/phpeel.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-phpeel {
		background-image: url(../home/phpeel-m.webp?001);
		background-position: center top;
	}
}

#carouselFader-home .carouselFader-frame-compleanno {
	background-image: url(../home/compleanno.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-compleanno {
		background-image: url(../home/compleanno-m.webp?001);
		background-position: bottom center;
		background-size: 100vw auto;
	}
}

#carouselFader-home .carouselFader-frame-c-clean {
	background-image: url(../home/c-clean.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-c-clean {
		background-image: url(../home/m/c-clean.webp?001);
		background-position: right top;
	}
}

#carouselFader-home .carouselFader-frame-gift-natale {
	background-image: url(../home/gift-natale.webp?004);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-gift-natale {
		background-image: url(../home/gift-natale-m.webp?001);
		background-size: cover;
		background-position: center right;
	}
}

#carouselFader-home .carouselFader-frame-revitalsummer {
	background-image: url(../home/revitalsummer.webp?001);
	background-position: center center;
	background-size: cover;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-revitalsummer {
		background-image: url(../home/m/revitalsummer.webp?001);
		background-position: right top;
	}
}

#carouselFader-home .carouselFader-frame-lozioni {
	background-image: url(../home/lozioni.webp?001);
	background-position: center center;
	background-size: cover;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-lozioni {
		background-image: url(../home/m/lozioni.webp?001);
		background-position: right top;
	}
}

#carouselFader-home .carouselFader-frame-black-friday-2024 {
	background-image: url(../home/black-friday-2024.webp?001);
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-black-friday-2024 {
		background-image: url(../home/black-friday-2024-m.webp?001);
		background-position: right top;
	}
}

#carouselFader-home .carouselFader-frame-san-valentino {
	background-image: url(../home/san-valentino.webp?001);
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-san-valentino {
		background-image: url(../home/san-valentino-m.webp?001);
		background-position: right top;
		background-size: 100% auto;
	}
}

#carouselFader-home .carouselFader-frame-la-mia-detersione {
	background-image: url(../home/la-mia-detersione.webp?001);
	background-color: #F9F5F2;
	background-size: cover;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-la-mia-detersione {
		background-image: url(../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(../home/active.webp?001);
	background-color: #F9F5F2;
	background-size: cover;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-active {
		background-image: url(../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(../home/the_zone.webp?001);
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-the_zone {
		background-image: url(../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(../home/myskinetic.webp?001);
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-myskinetic {
		background-image: url(../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(../home/The_Lifter.webp?003);
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-The_Lifter {
		background-image: url(../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(../home/de-light.webp?003);
	background-color: #F9F5F2;
	background-size: auto 100%;
	background-position: bottom center;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-de-light {
		background-image: url(../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(../home/regenereyes.webp?13);
	background-color: #F3E8DF;
	background-size: auto 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
}

@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-regenereyes {
		background-image: url(../home/regenereyes-m.webp?00433);
		background-position: center top;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#carouselFader-home .carouselFader-frame-slim-mi {
	background-image: url(../home/slim-mi.webp?13);
	background-color: #fcfaf8;
	background-size: auto 100%;
	background-position: calc(50% + 2rem) center;
	background-repeat: no-repeat;
}
@media (max-width: 1050px) {
	#carouselFader-home .carouselFader-frame-slim-mi {
		background-image: url(../home/slim-mi-m.webp?00433);
		background-position: center top;
		background-size: cover;
		background-repeat: no-repeat;
	}
}






#carouselFader-home .carouselFader-frame-1 {
	background-image: url(../home/1.webp?0002);
	background-color: #bacfda;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}
	@media (max-width: 1050px) {
		#carouselFader-home .carouselFader-frame-1 {
			background-image: url(../home/1-m.webp?0002);
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}
	}

#carouselFader-home .carouselFader-frame-2 {
	background-image: url(../home/2.webp?0002);
	background-color: #bacfda;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}
	@media (max-width: 1050px) {
		#carouselFader-home .carouselFader-frame-2 {
			background-image: url(../home/2-m.webp?0002);
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}
	}

#carouselFader-home .carouselFader-frame-3 {
	background-image:
		url(../home/3.webp?0002),
		linear-gradient(to right, #e0cbc0 0%, #e0cbc0 50%, #ecddd6 50%, #ecddd6 100%);
	background-size: auto 100%, cover;
	background-repeat: no-repeat;
	background-position: center bottom, center;
}
	@media (max-width: 1050px) {
		#carouselFader-home .carouselFader-frame-3 {
			background-image: url(../home/3-m.webp?0002);
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}
	}

#carouselFader-home .carouselFader-frame-4 {
	background:
		url(../home/4.webp?0002),
		linear-gradient(to right, #e6cd94 0%, #e6cd94 50%, #e6cd94 50%, #e6cd94 100%);
	background-size: auto 100%, 100% 100%;
	background-position: calc(50% + -2rem) bottom, 0 0;
	background-repeat: no-repeat, no-repeat;
}
	@media (max-width: 1050px) {
		#carouselFader-home .carouselFader-frame-4 {
			background-image: url(../home/4-m.webp?0002);
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;
			background-color: #f9f9f9;
		}
	}

#carouselFader-home .carouselFader-frame-5 {
	background-image:
		url(../home/5.webp?0002),
		linear-gradient(to right, #fff 0%, #fff 50%, #e7f6fc 50%, #e7f6fc 100%);
	background-size: auto 100%, 100% 100%;
	background-position: calc(50% + -5rem) center, center;
	background-repeat: no-repeat, no-repeat;
}
	@media (max-width: 1050px) {
		#carouselFader-home .carouselFader-frame-5 {
			background-image: url(../home/5-m.webp?0002);
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}
	}

#carouselFader-home .carouselFader-frame-6 {
	background-color: #74a0c6;
	background-image: url(../home/6.webp?0002);
	background-size: auto 100%;
	background-position: caLc(50% + 12rem) center;
	background-repeat: no-repeat;
}
		@media (max-width: 1050px) {
			#carouselFader-home .carouselFader-frame-6 {
				background-image: url(../home/6-m.webp?0002);
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
			}
		}

#carouselFader-home .carouselFader-frame-7 {
	background-image:
			url(../home/7.webp?0002),
			linear-gradient(to right, #c6a6b1 0%, #c6a6b1 50%, #9ed6d1 50%, #9ed6d1 100%);
		background-size: auto 100%, 100% 100%;
		background-position: calc(50% ) center, center;
		background-repeat: no-repeat, no-repeat;
}
	@media (max-width: 1050px) {
		#carouselFader-home .carouselFader-frame-7 {
			background-image: url(../home/7-m.webp?0002);
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}
	}






.home-hero {
	width: 100%;
	height: 100vh;
	min-height: 50rem;
	background: url(../home/skincoding.webp) center right no-repeat;
	background-size: cover;
}

@media (max-width: 1050px) {
	.home-hero {
		background-image: url(../home/mobile/skincoding.webp);
	}
}


.hero-intro {
	align-items: start;
	height: 100svh;
	max-height: 61rem;
	background: url(../images/hero-intro-rhea-cosmetics.webp);
	background-position: right top 3rem;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color: #FBFBFB;
}

.hero-intro-404 {
	background: url(../images/404.webp?1);
	background-position: calc(50% + 17rem) calc(50% + 7rem);
	background-size: auto 34rem;
	background-repeat: no-repeat;
	background-color: #F8FAFB;
}

@media (max-width: 1050px) {
	.hero-intro {
		align-items: end;
		padding-bottom: 5rem;
		height: 100svh;
		background: url(../images/hero-intro-rhea-cosmetics-m.webp?2);
		background-size: cover;
	}

	.hero-intro-404 {
		background: none;
	}

}

.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-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: contain;
	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 0;
	background-image: linear-gradient(to top left, #fff, transparent);
	border-radius: 2rem;
	box-shadow: 0 0 1.5rem rgba(0,0,0,.05);
	border: solid 1px transparent;
}
.bestseller:hover {
	border-color: var(--c-2);
	transition-duration: .3s;
}
.bestseller .button-quick-view {
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
	background-image: url(../ico/eye-fff.svg);
	background-position: center right 1.6rem;
	background-size: auto .8rem;
	background-repeat: no-repeat;
	padding-right: 3.5rem;
}
.bestseller:hover .button-quick-view {
	visibility: visible;
	opacity: 1;
	transition: all .3s ease-in-out;
}
.bestseller-quickview {
	position: fixed;
	width: 65rem;
	padding: 2rem;
	background-color: #f8f5f1;
	border-radius: 3rem;
	border: none;
	box-shadow: 0 0 1rem rgba(0, 0, 0, .03);
	opacity: 0;
	transition: opacity 0.3s ease-out, display 0.3s allow-discrete, overlay 0.3s allow-discrete;
}
/* Stato aperto per la modale */
.bestseller-quickview[open] {
	opacity: 1;
}
/* Stato iniziale prima dell'apertura */
@starting-style {
	.bestseller-quickview[open] {
		opacity: 0;
	}
}
/* Animazione per il Backdrop */
.bestseller-quickview::backdrop {
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity 0.3s ease-out, display 0.3s allow-discrete, overlay 0.3s allow-discrete;
}
.bestseller-quickview[open]::backdrop {
	opacity: 1;
}
@starting-style {
	.bestseller-quickview[open]::backdrop {
		opacity: 0;
	}
}
.bestseller-quickview > div {
	display: grid;
	grid-template-columns: 2fr 2fr;
	gap: 3rem;
}
.bestseller-quickview-close {
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 3rem;
	height: 3rem;
	background: #fff;
	border-radius: 10rem;
	border: none;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
	color: #000;
	opacity: 0.6;
	transition: opacity 0.1s ease;
	padding: 0.5rem;
	z-index: 10;
	zoom: .9;
}

.bestseller-quickview-close:hover {
	opacity: 1;
}

.home-in-istituto {
	display: grid;
	grid-template-columns: 2fr 3fr;
	border-radius: 2rem;
	background: url(../images/home-vieni-a-trovarci.webp) center right no-repeat;
	background-size: cover;
	overflow: hidden;
	height: 30rem;
}
.home-in-istituto > div {
	display: grid;
	padding: 3rem;
	background: rgba(255, 255, 255, .6);
	backdrop-filter: blur(1rem);	
}
		@media (max-width: 1050px) {
			.home-in-istituto {
				grid-template-columns: 1fr;
				background: none;
				border-radius: 0;
				height: auto;
				overflow: visible;
			}
			.home-in-istituto > div {
				padding: 2rem;
				background: #f8f5f2;
				border-radius: 0 0 1rem 1rem;
			}
		}

.home-universo {
	display: grid;	
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1rem;
}
		@media (max-width: 1050px) {
			.home-universo {
				grid-template-columns: 1fr 1fr;
			}
		}
.home-universo p {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	text-transform: uppercase;
	text-align: center;
	font-size: 3.5rem;
	color: #fff;
	transition: all .5s ease-in-out;
}
		@media (max-width: 1050px) {
			.home-universo p {
				font-size: 2.5rem;
			}
		}
.home-universo button {
	position: absolute;
	top: 65%;
	left: 50%;
	translate: -50% 0;
	opacity: 0;
	visibility: none;
	transition: all .3s ease-in-out;
}
.home-universo a {
	height: 30rem;
	background-position: center center;
	background-size: 100% 100%;
	transition: all .5s ease-in-out;
}
		@media (max-width: 1050px) {
			.home-universo a {
				height: 20rem;
				background-size: cover;
			}
		}
.home-universo a:hover  {
	background-size: 115% 115%;
	transition: all .5s ease-in-out;
}
.home-universo a:hover p {
	top: 45%;
	opacity: 1;
	visibility: visible;
	transition: all .5s ease-in-out;
}
.home-universo a:hover button {
	top: 54%;
	opacity: 1;
	visibility: visible;
	transition: all .4s ease-in-out;
}

.home-rhea-l-world {
	background-image:
		url(../images/home-rhea-l-world.webp),
		linear-gradient(to right, #202020 0%, #202020 50%, #575758 50%, #575758 100%);
		background-repeat: no-repeat, no-repeat;
		background-position: 50% 50%, 0 0;
		background-size: auto 100%, 100% 100%;
		background-repeat: no-repeat, no-repeat;
}
		@media (max-width: 1050px) {
			.home-rhea-l-world {
				background: #1f1f1f;
			}
		}

.home-skincoding {
	display: grid;
	place-content: center;
	position: relative; 
	height: 35rem;
}
.home-skincoding video {
	position: absolute; 
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
		@media (max-width: 1050px) {
			.home-skincoding a {
				zoom: .8;
			}
		}



.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;
}
		@media (max-width: 1050px) {
			.prodotti-card-foto {
				height: 11rem;
			}
		}

.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-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-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;
}

@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;
}

.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;
}


.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: var(--c-2);
	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;
}
.nav-cart {
	position: relative;
	height: 1.6rem;
	width: 1.6rem;
	background: url(../ico/shopping-bag3.svg) center center no-repeat;
	background-size: contain;
}
.nav-cart-contatore {
	position: absolute;
	top: -0.2rem;
	right: -0.5rem;
	display: grid;
	background-color: var(--c-2);
	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;
}

.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: 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-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.4rem;
	}
}

.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;
}

.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;
}

@media (max-width: 1050px) {
	.prodotti-card-foto .fascia-prodotto>span {
		font-size: .9rem;
		padding: 0.1rem;
	}
}

.schwa-h1 {
	position: absolute;
	top: 0;
	right: 0;
	scale: -1 -1;
	translate: 100% 25%;
}

.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: 11rem
	}

	.pt-page2 {
		padding-top: 11rem
	}
}

.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;
}

#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;
	background-color: #fff;
	object-fit: scale-down;
}

.prodotto2-foto-padded {
	padding: 4rem;
}

.prodotto2-h1 {
	color: #383C40;
	font-size: 40px;
	margin-bottom: 1rem;
	overflow-wrap: break-word;
  	/*word-break: break-all;*/
}

.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-capacita {
	color: #8D959B;
	text-transform: uppercase;
}

.prodotto2-stelle {
	display: grid;
	grid-auto-flow: column;
	justify-self: left;
	align-items: center;
	gap: 1rem;
	color: #DB998A;
}

.prodotto2-descrizione {
	color: #8D959B;
	margin-bottom: 2rem;
}

@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;
	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;
}

.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(../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) {
	#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;
}
		@media (max-width: 1050px) {
			.skincoding {
				background: none;
			}
		}

.pt-page-totem.skincoding-solari {
	background-position: top 10rem right 0;

}

.skincoding-esposoma {
	background: url(../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 .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 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);
}

@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: 100svh;
	width: 100%;
}
	@media (min-width:1150px) { #map3 { height: calc(100svh - 2.5rem); zoom: 1.5; } }
	@media (min-width:1400px) { #map3 { height: calc(100svh - 1.7rem); zoom: 1.15; } }
	@media (min-width:1600px) { #map3 { height: calc(100svh); zoom: 1; } }

@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;
	}
}

.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;
}

@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;
	}
}

@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: start;
	justify-items: center;
	justify-content: center;
	padding: 1rem;
	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%;
	}
}

#researchIntro-testo {
	opacity: 0;
	translate: 0 1rem;
	transition: all 1.5s ease-in-out;
}

#researchIntro-testo:is(.on) {
	opacity: 1;
	translate: 0 0;
	transition: all 1.5s ease-in-out;
}

.research-esigenza {
	display: grid;
	position: relative;
}

.research-esigenza .esigenza {
	width: 100%;
	height: 16rem;
	margin-bottom: 2rem;
}

.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('../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, #5A656F, #393D41);
	}
}

.master-beauty-business-model-hero {
	z-index: 0;
	padding: 5rem 0;
	padding-top: 2rem;
	background-image: url('../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('../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;
	}
}

.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-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;
}

/* 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% - 9rem) / 4);
	gap: 3rem;
}

@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.5rem;
	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;
}

.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);
}

.popnewsletter {
	display: grid;
	grid-template-columns: auto 1fr;
	position: fixed;
	z-index: 9000;
	opacity: 0;
	visibility: hidden;
	top: 50%;
	left: 50%;
	width: 57rem;
	translate: -50% -45%;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .3);
	overflow: hidden;
	transition: all .4s ease-in-out;
}
		@media (max-width: 1050px) {
			.popnewsletter {
				grid-template-columns: 1fr;
				width: calc(100% - 2rem);
				padding-top: 1rem;
			}
		}
.popnewsletter:is(.on) {
	opacity: 1;
	visibility: visible;
	translate: -50% -50%;
}
.popnewsletter > img {
	object-fit: cover;
	width: 25rem;
	height: 100%;
}
		@media (max-width: 1050px) {
			.popnewsletter > img {
				display: none;
				width: 100%;
				height: 10rem;
			}
		}
.popnewsletter > div {
	padding: 2rem;
}
		@media (max-width: 1050px) {
			.popnewsletter>div {
				padding: 2rem 1rem;
			}
		}
.popnewsletter #x {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1rem;
	padding: 1rem;
	cursor: pointer;
}
.popnewsletter p {
	color: rgba(0, 0, 0, .6);
}
.popnewsletter b {
	color: rgba(0, 0, 0, 1);
}
.popnewsletter .ml-form-embedBody,
.popnewsletter .ml-form-embedWrapper {
	width: 100% !important;
	padding: 0 !important;
	background: transparent !important;
}
.popnewsletter .ml-form-embedBody input {
	width: 100% !important;
	font-family: 'Font1 Standard' !important;
}

.poppromo {
	position: fixed;
	z-index: 100;
	display: grid;
	place-content: center;
	justify-items: center;
	top: 15rem;
	right: 1rem;
	width: 14rem;
	aspect-ratio: 1;
	font-size: .9rem;
	text-align: center;
	line-height: 130%;
	background-color: #edeef0;
	border-radius: 100rem;
	box-shadow: 0 0 .5rem rgba(0,0,0,.1);
	transition: all .4s ease-in-out;
	zoom: .8;
}
		@media (max-width: 1050px) {
			.poppromo {
				top: 15.5rem;
				zoom: .6;
			}
		}
.poppromo .x {
	position: absolute;
	top: 0;
	right: 2rem;
	height: 1.7rem;
	padding: .4rem;
	background-color: #fff;
	border: solid 1px rgba(0, 0, 0, .15);
	border-radius: 10rem;
}
.poppromo .x2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}


/* CONCEPT STORE 2 */
/* CONCEPT STORE 2 */
/* CONCEPT STORE 2 */

.snappy {
	display: grid;
	grid-auto-flow: column;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	user-select: none;
	cursor: grab;
	scroll-snap-type: x mandatory;
}
		@media (max-width: 1200px) {
			.snappy > div {
				scroll-snap-align: start;
				scroll-snap-stop: always;
			}
		}
.snappy::-webkit-scrollbar {
	display: none;
}
.snappy:is(.nodrag) {
	cursor: default;
}
		@media (min-width: 1200px) {
			.snappy:is(.d-nodrag) {
				cursor: default;
			}
		}
.snappy-trattamenti {
	margin-top: -6rem;
}
		@media (max-width: 1200px) {
			.snappy-trattamenti {
				/*
				translate: none;
				margin-top: 2rem;
				*/
			}
		}

.concept-store-header {
    position: relative;
    width: 100%;
    height: 20rem;
    overflow: hidden;    
	margin-top: 10.5rem;
}
		@media (max-width: 1200px) {
			.concept-store-header {
				height: 30rem;
			}
		}
.concept-store-header video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    object-fit: cover;
}
.concept-store-header > div {
    position: absolute;
	display: grid;
	place-content: center;
	text-align: center;
	line-height: 90%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 6rem;
    font-weight: bold;
    color: #fff;
    background: rgba(95, 107, 117, .7);
    mix-blend-mode: multiply;
}
		@media (max-width: 1200px) {
			.concept-store-header > div {
				font-size: 4.3rem;
				line-height: 110%;
			}
		}

.concept-store-pills-container {
	position: sticky;
	display: grid;
	top: 12rem;
	left: 0;
	width: 100%;
	background-color: #fff;
	/*transition: all 0.3s ease;*/
}

.concept-store-pills-container.is-fixed {
	position: fixed;
	z-index: 1000;
	top: 10.4rem;
	box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.05);
}
.concept-store-pills-container.is-fixed .concept-store-pills {
	padding: 2rem 0;
}

		@media (max-width: 1200px) {
			.concept-store-pills-container.is-fixed {
				top: 8.5rem;
			}
		}
.concept-store-pills {
	grid-auto-flow: column;
	gap: 1.5rem;
	padding: 3rem 0;
}
		@media (max-width: 1200px) {
			.concept-store-pills {
				gap: 1rem;
				padding: 2rem 1rem;
			}
			.concept-store-pills-container.is-fixed .concept-store-pills {
				padding: 1rem;
			}
		}
.concept-store-pills > a {
	text-transform: uppercase;
	text-align: center;
	font-size: .9rem;
	color: #5f6b75;
    background-color: #eff1f2;
	border-radius: 10rem;
	padding: .5rem 1rem;
	white-space: nowrap;
	transition: all .15s ease-in-out;
}
.concept-store-pills > a:hover {
	background-color: #5f6b75;
	color: #fff;
}

.concept-store-offerta {	
	grid-auto-flow: column;
	gap: 1rem;	
}
			@media (max-width: 1200px) {
				.concept-store-offerta {
					
				}
			}

.concept-store-offerta > div {
	position: relative;
	display: grid;
	place-content: center;
	background: center center no-repeat;
	background-size: cover;
	width: calc(1300px / 4 - .75rem);
	border-radius: 1rem;
	aspect-ratio: 10/14;
	overflow: hidden;
}
		.home2 .concept-store-offerta > div {
			aspect-ratio: 12/14;
			background-position: center bottom;
		}
		@media (max-width: 1200px) {
			.concept-store-offerta > div {
				width: calc(100vw - 2rem);
			}
		}
.concept-store-offerta > div .hover {
	position: absolute;
	justify-items: center;
	width: 100%;
	text-align: center;
	color: #fff;
	bottom: 3rem;
	opacity: 0;
	transition: all .3s ease-in-out;
}
			@media (max-width: 1200px) {
				.concept-store-offerta > a {
					width: 60vw;
				}
			}
.concept-store-offerta > div img {
	pointer-events: none;
	transition: all .3s ease-in-out;
}
.concept-store-offerta > div:before {
	position: absolute;
	z-index: 0;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #5a6670;
	opacity: .4;
	transition: all .3s ease-in-out;
}
.concept-store-offerta > div:hover:before {
	background-color: #5a6670;
	cursor: pointer;
	opacity: .9;
}
.concept-store-offerta > div:hover .hover {
	translate: 0 -2rem;
	opacity: 1;
}
.concept-store-offerta > div:hover img {
	translate: 0 -3rem;
	transition: all .3s ease-in-out;
}

.concept-store-offerta-1 { background-image: url(../rhea-concept-store/rcs-2.webp) !important }
.concept-store-offerta-2 { background-image: url(../rhea-concept-store/rcs-3.webp) !important }
.concept-store-offerta-3 { background-image: url(../rhea-concept-store/rcs-4.webp) !important }
.concept-store-offerta-4 { background-image: url(../rhea-concept-store/rcs-5.webp) !important }
.concept-store-offerta-5 { background-image: url(../rhea-concept-store/rcs-13.webp) !important }
.concept-store-offerta-6 { background-image: url(../rhea-concept-store/rcs-14.webp) !important }
.concept-store-offerta-7 { background-image: url(../rhea-concept-store/rcs-15.webp) !important }

.concept-store-skin-lab {
	position: relative;
	overflow: hidden;
	border-radius: 2rem;
}
			@media (max-width: 1200px) {
				.concept-store-skin-lab {
					height: 100vh;
				}
			}
.concept-store-skin-lab > video {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
} 
.concept-store-skin-lab > div {
	justify-self: right;
	align-content: center;
	width: 50%;
	padding: 5rem;
	color: #fff;
	background-color: rgba(90, 102, 112, .9);
} 
			@media (max-width: 1200px) {
				.concept-store-skin-lab > div {
					justify-self: inherit;
					align-content: inherit;
					width: 100%;
					padding: 3rem 2rem;
					left: 0;
				}
			}
.concept-store-skin-lab .l {
	padding-bottom: 1.5rem;
	margin-bottom: 2.5rem;
	border-bottom: solid 1px var(--c-2);
} 
.rhea-concept-store-dermolayerin {
	position: relative;
	background: url(../rhea-concept-store/rcs-6.webp) center center no-repeat;
	background-size: cover;
}
.rhea-concept-store-morpholayerin {
	position: relative;
	background: url(../rhea-concept-store/rcs-8.webp) center center no-repeat;
	background-size: cover;
}
.rhea-concept-store-research {
	position: relative;
	background: url(../rhea-concept-store/rcs-11.webp) center center no-repeat;
	background-size: cover;
}
.rhea-concept-store-info {
	position: relative;
	background: url(../rhea-concept-store/rcs-12.webp) center bottom no-repeat;
	background-size: auto 100%;
}
			@media (max-width: 1200px) {
				.rhea-concept-store-info {
					background-image: url(../rhea-concept-store/rcs-12-m.webp);
				}
			}
.rhea-concept-store-dermolayerin:before,
.rhea-concept-store-morpholayerin:before,
.rhea-concept-store-info:before {
	position: absolute;
	z-index: 0;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #5a6670;
	opacity: .75;
	transition: all .15s ease-in-out;
}
.rhea-concept-store-research:before {
	position: absolute;
	z-index: 0;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, #fff, #fff, transparent);
	opacity: .75;
	transition: all .15s ease-in-out;
}

.rhea-concept-store-trattamenti {
	display: grid;
	grid-auto-flow: column;
	gap: 1.5rem;
}
.rhea-concept-store-trattamenti > div {
	position: relative;
	display: grid;
	place-content: end center;
	background: center center no-repeat;
	background-size: 105%;
	border-radius: 1rem;
	aspect-ratio: 1;
	width: calc(1200px / 5 - 1.2rem);
	padding: 1rem;
	overflow: hidden;
}
			@media (max-width: 1200px) {
				.rhea-concept-store-trattamenti > div {
					width: calc(100vw / 2 - 1.75rem) !important;
				}
			}
.rhea-concept-store-trattamenti:is(.research) > div {
	position: relative;
	display: grid;
	align-content: start !important;
	background: center center no-repeat;
	border-radius: 1rem;
	aspect-ratio: auto;
	padding: 1rem;
	overflow: hidden;
	background-color: red;
}
		@media (min-width: 1200px) {
			.rhea-concept-store-trattamenti:is(.research) > div {
				position: relative;
				display: grid;
				place-content: center;
				background: center center no-repeat;
				border-radius: 1rem;
				aspect-ratio: auto;
				padding: 3rem 1rem;
				overflow: hidden;
				width: 100%;
			}
			.rhea-concept-store-trattamenti:is(.research) {
				grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
			}
		}
		
@media (max-width: 1200px) {
	.rhea-concept-store-trattamenti > div {
		width: 60vw;
	}
}
.rhea-concept-store-trattamenti > div:hover:before {
	background-color: #5a6670;
	cursor: pointer;
	opacity: .85;
}

.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(1) { background-image: url(../trattamenti/1/foto.webp) }
.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(2) { background-image: url(../trattamenti/2/foto.webp) }
.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(3) { background-image: url(../trattamenti/3/foto.webp) }
.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(4) { background-image: url(../trattamenti/4/foto.webp) }
.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(5) { background-image: url(../trattamenti/5/foto.webp) }
.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(6) { background-image: url(../trattamenti/6/foto.webp) }
.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(7) { background-image: url(../trattamenti/7/foto.webp) }
.rhea-concept-store-trattamenti:is(.dermolayerin) > div:nth-child(8) { background-image: url(../trattamenti/8/foto.webp) }

.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(1) { background-image: url(../trattamenti/59/foto.webp) }
.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(2) { background-image: url(../trattamenti/32/foto.webp) }
.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(3) { background-image: url(../trattamenti/60/foto.webp) }
.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(4) { background-image: url(../trattamenti/53/foto.webp) }
.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(5) { background-image: url(../trattamenti/30/foto.webp) }
.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(6) { background-image: url(../trattamenti/61/foto.webp) }
.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(7) { background-image: url(../trattamenti/62/foto.webp) }
.rhea-concept-store-trattamenti:is(.morpholayerin) > div:nth-child(8) { background-image: url(../trattamenti/33/foto.webp) }

.rhea-concept-store-trattamenti:is(.research) > div:nth-child(1) { background-size: auto 77%; background-image: url(../rhea-concept-store/eco-aging-bkg.svg) }
.rhea-concept-store-trattamenti:is(.research) > div:nth-child(2) { background-size: auto 80%; background-image: url(../rhea-concept-store/reattivita-bkg.svg) }
.rhea-concept-store-trattamenti:is(.research) > div:nth-child(3) { background-size: auto 70%; background-image: url(../rhea-concept-store/chrono-aging-bkg.svg) }
.rhea-concept-store-trattamenti:is(.research) > div:nth-child(4) { background-size: auto 70%; background-image: url(../rhea-concept-store/melasma-bkg.svg) }
.rhea-concept-store-trattamenti:is(.research) > div:nth-child(5) { background-size: auto 80%; background-image: url(../rhea-concept-store/acne-bkg.svg) }

/* CONCEPT STORE 2 */
/* CONCEPT STORE 2 */
/* CONCEPT STORE 2 */