.picture_tile_container{
	display: flex;
	width: 80vw;
    margin: auto;
}


.text_pink_whiteshadow{
	font-size: 3vw;
}

.hot_cleansing_list_tile{
    margin: 3vh auto;
	/* width: 38vw; */
	width: 30.8vw;
	background-color: #FFCCE5 !important;
	/* background: radial-gradient(circle at 50%, #FFB8DB 15vw,transparent 0); */
	background: radial-gradient(circle at 50%, #FFB8DB 12vw,transparent 0);
    background-position-y: -6vw;
	/* background: radial-gradient(15vw 15vw at 50% 26vw, #FFB8DB 100%, transparent 100%); */
	border-radius: 20px;
}

.hot_cleansing_list_tile p{
	margin: 0 auto;
    font-size: 2em;
	color: #FFFFFF;
	white-space: nowrap;
}

.product_visual_container{
	margin: auto;
    height: 38.4vw;
}

.hot_cleansing_list_tile img{
	/* width: 20vw; */
	width: 16vw;
}

.cool_serum_list_tile{
    margin: 3vh auto;
	/* width: 38vw; */
	width: 30.8vw;
	background-color: #B2E5FF !important;
	/* background: radial-gradient(circle at 50%, #94DBFF 15vw,transparent 0); */
	background: radial-gradient(circle at 50%, #94DBFF 12vw,transparent 0);
    background-position-y: -6vw;
	/* background: radial-gradient(15vw 15vw at 50% 26vw, #94DBFF 100%, transparent 100%); */
	border-radius: 20px;
}

.cool_serum_list_tile p{
	margin: 0 auto;
	font-size: 2em;
	color: #FFFFFF;
	white-space: nowrap;
}

.cool_serum_list_tile img{
	/* margin-top: 14vw; */
	margin-top: 12.5vw;
	/* width: 20vw; */
	width: 16vw;
}

.purchase_set_button{
	border-radius: 3vw;
    background-color: #F591A0;
    color: #FFFFFF;
    font-size: 5vw;
    text-decoration: none;
    padding: 1vh 9vw;
}
.purchase_set_button:hover{
	-webkit-filter: drop-shadow(5px 5px 5px #FF93BB);
	filter: drop-shadow(5px 5px 5px #FF93BB);
}

.comparison_list_tile{
    margin: 3vw auto;
	width: 38vw;
}

.comparison_list_tile p{
    margin: 0 auto;
    white-space: nowrap;
    width: fit-content;
    padding: 0 1em;
}

.comparison_list_tile img{
	width: 25vw;
}

section[name="hot_and_cool"] .text_container{
    margin: auto;
	background-size: 100% 100%;
	padding: 5vw 2vw;
    background-image: url(/rsc/img/page_visual/shared/Frame_Flower_Pink_Rotated.png);
}

section[name="hot_and_cool"] img{
	width:40vw;
	margin-left: 5vw;
}

section[name="products_comparison"] {
	position: relative;
}

section[name="products_comparison"] *{
	z-index: 2;
	position: inherit;
	margin-top: auto;
}

section[name="products_comparison"] .picture_tile_container{
	margin-top: 5vw;
	margin-bottom: 6vw;
}

section[name="products_comparison"] .frame{
	position: absolute;
	z-index: 1;
	top:8vw;
	bottom:2vw;
	left:2vw;
	right:2vw;
	border: 2px solid #FFFFFF;
}

section[name="products_comparison"] .container_1 img{
    /* width: 60vw; */
	height: 15vw;
	margin: 2vw;
    padding: 0 2vw;
	background-color: #C2EBFF;
}

section[name="commitment"] .container_4 img{
	width:70vw;
	margin: 4vw;
}

section[name="commitment"] .container_5{
	background-color:#FFB4CD;
}

section[name="commitment"] .container_5 img{
	width: 100%;
	margin: 1vw auto;
}

.Container_Section_Title_whitepink{
	background-color: #FFFFFF;
	height: 10vw;
	display: flex;
}
.Container_Section_Title_whitepink .Section_Title{
	border-top: none;
	border-bottom: 1px solid #FF7699;
	width: 65vw;
	margin: auto auto;
    padding: 0.5vw;
	color: #FF7699;
	font-size: 3vw;
}

section[name="commitment"] .container_6 {
	background-color:#FFB4CD;
	display:flex;
}
section[name="commitment"] .container_6 img {
	width: 40vw;
	border-radius: 20px;
	margin: 3vw;
}
.bubble_container{
	display: inline-flex;
}
.bubble_container .bubble{
	margin: 1vw;
    background-color: #FFFFFF;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    padding: 1vw;
    font-size: 1.8vw;
    font-weight: 900;
	color: #FF7699;
    display: grid;
}

.bubble_container .bubble p{
	margin-top: auto;
    margin-bottom: auto;
}

section[name="commitment"] .container_7{
	height: fit-content;
	padding: 3vw 10vw;
	text-align: left;
}
section[name="commitment"] .container_7 .border_container{
	border-top: none;
    border-bottom: 5px solid #FF7699;
    margin: auto 13vw;
    padding: 0.5vw 2vw 0.5vw 2vw;

}
section[name="commitment"] .container_7 h3{
    color: #FF7699;
	font-size: 3vw;
	margin: auto;
	width: fit-content;
}

section[name="commitment"] .check_infos{
	display: flex;
    background-color: #FFB9CC;
    border-radius: 10px;
    padding: 1vw;
    font-size: 2vw;
    color: #FFFFFF;
    font-weight: 900;
	margin: 1vw;
	width: -webkit-fill-available;
}

section[name="campaign"] img {
    width: 40vw;
    margin-right: 5vw;
}

section[name="campaign"] .text_container{
	margin: auto;
}
section[name="campaign"] .text_container .price{
	margin: 0;
	font-size: 2vw;
}

.link_container{
	display: flex;
}

.link_container .link_tile{
	width: fit-content;
	margin: 10vw auto;
}

.link_container img{
	width:20vw;
}

section[name="hotcleansing_1"]{
	background-color:#FF93BB;
	background-image: url(/rsc/img/page_visual/shared/products_hotcleansing_img05a.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position:relative;
	width: 100%;
	height: 55vw;
}

section[name="hotcleansing_1"] .product{
	position: absolute;
    top: 10vw;
    left: 34vw;
    width: fit-content;
}

section[name="hotcleansing_1"] .product img{
	-webkit-filter: drop-shadow(5px 5px 5px #FF93BB);
	filter: drop-shadow(5px 5px 5px #FF93BB);
	transform: rotate(-15deg);
	width: 14vw;
}

section[name="hotcleansing_1"] .drop{
	position:absolute;
    top: -0.95vw;
    left: 24vw;
    width: fit-content;
}

section[name="hotcleansing_1"] .drop img{
	width: 60vw;
}

section[name="hotcleansing_1"] .flower{
	position: absolute;
    top: 18vw;
    left: 24vw;
    width: fit-content
}

section[name="hotcleansing_1"] .flower img{
	width: 60vw;
}

section[name="hotcleansing_1"] .textbuble{
	position: absolute;
    top: -6.5vw;
    right: 15vw;
    width: fit-content;
}

section[name="hotcleansing_1"] .textbuble img{
	width: 18vw;
}

section[name="hotcleansing_1"] .underline_text{
	position: absolute;
    bottom: 3vw;
    right: 25vw;
    width: fit-content;
    height: fit-content;
    text-align: center;
}

section[name="hotcleansing_1"] .underline_text p{
    font-size: 3vw;
    border-bottom: .6vw solid #FFFFFF;
    line-height: 2vw;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1.5vw;
}

section[name="hotcleansing_2"]{
	width: 100%;
	background-color:#FFD7EA;
	padding: 3vw 0 6vw 0;
}

section[name="hotcleansing_2"] .banner{
	text-align: center;
	margin: auto;
}

section[name="hotcleansing_2"] .banner img{
	width: 80vw;
    margin-bottom: -8vw;
}

section[name="hotcleansing_2"] .scheme{
	width:fit-content;
	text-align: center;
	margin: auto;
	background-color:#FFFFFF;
	border-radius: 12px;
	padding-bottom: 4vw;
}

section[name="hotcleansing_2"] .scheme img{
	width: 80vw;
    margin-top: 10vw;
    margin-left: 1vw;
	margin-right: 1vw;
}

section[name="hotcleansing_2"] .scheme p{
	text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 3vw;
	line-height: 4vw;
	color: #FF7699;
	margin: 2vw 2vw;
}

section[name="hotcleansing_3"]{
	width: 100%;
	background-color:#FFD7EA;
}

section[name="hotcleansing_3"] h2{
	color:#FFFFFF;
	font-size: 2.5vw;
	line-height: 4vw;
	margin: 0;
	text-align:center;
}

section[name="hotcleansing_3"] img{
	width: 100%;
	vertical-align: middle;
}

section[name="hotcleansing_3"] p{
    width: fit-content;
    text-align: left;
    margin: auto 2vw;
    font-size: 1.5vw;
    white-space: nowrap;
}

section[name="hotcleansing_4"] a:hover img{
	-webkit-filter: drop-shadow(4px 4px 4px #FAC8D0) brightness(1.05);
	filter: drop-shadow(4px 4px 4px #FAC8D0) brightness(1.05);
}

section[name="hotcleansing_4"] .product_container {
	background: radial-gradient(ellipse at center, #FFCCE6 12vw,transparent 0);
	/* background: radial-gradient(12vw 22vw, #FFCCE6 100%, transparent 100%); */
    width: 25vw;
    height: 45vw;
    text-align: center;
	vertical-align: middle;
	margin:auto;
	margin-right: 0;
}

section[name="hotcleansing_4"] .product_container img{
    -webkit-filter: drop-shadow(10px 10px 10px #FF93BB);
    filter: drop-shadow(10px 10px 10px #FF93BB);
    width: 14vw;
    margin: 5vw auto;
}

section[name="hotcleansing_4"] p{
	font-size: 1.8vw;
}

section[name="hotcleansing_4"] .Container_Button{
	margin: auto;
    width: fit-content;
}

section[name="hotcleansing_4"] a img{
	width: 60vw;
}




section[name="coolserum_1"]{
	background-color:#72D5FF;
	background-image: url(/rsc/img/page_visual/shared/products_coolserum_img05a.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position:relative;
	width: 100%;
	height: 55vw;
}

section[name="coolserum_1"] .product{
	position: absolute;
    top: 16vw;
    left: 26vw;
    width: fit-content;
}

section[name="coolserum_1"] .product img{
	-webkit-filter: drop-shadow(5px 5px 5px #72D5FF);
	filter: drop-shadow(5px 5px 5px #72D5FF);
	transform: rotate(-15deg);
	width: 19vw;
}

section[name="coolserum_1"] .drop{
	position:absolute;
    top: 2.4vw;
    left: 24vw;
    width: fit-content;
}

section[name="coolserum_1"] .drop img{
	width: 60vw;
}

section[name="coolserum_1"] .flower{
	position: absolute;
    top: 18vw;
    left: 24vw;
    width: fit-content
}

section[name="coolserum_1"] .flower img{
	width: 60vw;
}

section[name="coolserum_1"] .textbuble{
	position: absolute;
    top: -1vw;
    right: 15vw;
    width: fit-content;
}

section[name="coolserum_1"] .textbuble img{
	width: 18vw;
}

section[name="coolserum_1"] .underline_text{
	position: absolute;
	bottom: 0vw;
    right: 40vw;
    width: fit-content;
    height: fit-content;
    text-align: center;
}

section[name="coolserum_1"] .underline_text p{
    font-size: 3vw;
    border-bottom: .6vw solid #FFFFFF;
    line-height: 2vw;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1.5vw;
}

section[name="coolserum_2"]{
	width: 100%;
	background-color:#C8E9FF;
	padding: 3vw 0 6vw 0;
}

section[name="coolserum_2"] .banner{
	text-align: center;
	margin: auto;
}

section[name="coolserum_2"] .banner img{
	width: 80vw;
    margin-bottom: -8vw;
}

section[name="coolserum_2"] .scheme{
	width:fit-content;
	text-align: center;
	margin: auto;
	background-color:#FFFFFF;
	border-radius: 12px;
	padding-bottom: 4vw;
}

section[name="coolserum_2"] .scheme img{
	width: 50vw;
    margin-top: 10vw;
    margin-left: 1vw;
	margin-right: 1vw;
}

section[name="coolserum_2"] .scheme p{
	text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 3vw;
	line-height: 4vw;
	color: #66CCFF;
	margin: 2vw 2vw;
}

section[name="coolserum_3"]{
	width: 100%;
	background-color:#C8E9FF;
}

section[name="coolserum_3"] h2{
	color:#FFFFFF;
	font-size: 2.5vw;
	line-height: 4vw;
	margin: 0;
	text-align:center;
}

section[name="coolserum_3"] img{
	width: 100%;
	vertical-align: middle;
}

section[name="coolserum_3"] p{
    width: fit-content;
    text-align: left;
    margin: auto 2vw;
    font-size: 1.5vw;
    white-space: nowrap;
}

section[name="coolserum_4"] a:hover img{
	-webkit-filter: drop-shadow(4px 4px 4px #FAC8D0) brightness(1.05);
	filter: drop-shadow(4px 4px 4px #FAC8D0) brightness(1.05);
}

section[name="coolserum_4"] .product_container {
	background: radial-gradient(circle at center, #B3EFFF 12vw,transparent 0);
	/* background: radial-gradient(12vw 12vw, #B3EFFF 100%, transparent 100%); */
    width: 25vw;
    height: 25vw;
    text-align: center;
	vertical-align: middle;
	margin:auto;
	margin-right: 0;
}

section[name="coolserum_4"] .product_container img{
    -webkit-filter: drop-shadow(10px 10px 10px #72D5FF);
    filter: drop-shadow(10px 10px 10px #72D5FF);
    width: 14vw;
    margin: 5vw auto;
}

section[name="coolserum_4"] p{
	font-size: 1.8vw;
}

section[name="coolserum_4"] .Container_Button{
	margin: auto;
    width: fit-content;
}

section[name="coolserum_4"] a img{
	width: 60vw;
}

.Product_description{
	margin: auto;
	padding:5vw;
	margin-left: 0;
}

@media (max-width: 750px) {
	.picture_tile_container{
		display: block;
	}
	.picture_tile_container>div{
		width: 80vw;
	}
	.hot_cleansing_list_tile{
		background: radial-gradient(ellipse at 50%, #FFB8DB 20vw,transparent 0);
		background-position-y: -16vw;
		/* background: radial-gradient(20vw 20vw at 50% 26vw, #FFB8DB 100%, transparent 100%); */
	}
	.cool_serum_list_tile{
		background: radial-gradient(ellipse at 50%, #94DBFF 20vw,transparent 0);
		background-position-y: -16vw;
		/* background: radial-gradient(20vw 20vw at 50% 26vw, #94DBFF 100%, transparent 100%); */
	}
	.product_visual_container{
		height: 48vw;
	}
	.hot_cleansing_list_tile img {
		width: 21vw;
	}
	.cool_serum_list_tile img {
		width: 35vw;
		margin-top: 10vw;
	}
	section[name="products_comparison"] .container_2 img, section[name="products_comparison"] .container_3 img{
		width: 40vw;
	}

	.text_darkpink_on_white, .text_blue_on_white{
		font-size: 3vw;
	}
	section[name="campaign"] .text_container p{
		font-size: 5vw;
	}
	section[name="campaign"] .text_container .price{
		font-size: 4vw;
	}

	.link_container{
		display: inline-block;
	}

	.link_container img{
		width: 60vw;
	}


	section[name="hotcleansing_4"] .product_container {
		background: radial-gradient(ellipse at center, #FFCCE6 18vw,transparent 0);
		/* background: radial-gradient(18vw 33vw, #FFCCE6 100%, transparent 100%); */
		width: 37.5vw;
		height: 67.5vw;
	}

	section[name="hotcleansing_4"] .product_container img{
		width: 21vw;
		margin: 7.5vw auto;
	}

	section[name="hotcleansing_4"] p{
		font-size: 2.8vw;
	}

	section[name="hotcleansing_4"] a img{
		width: 80vw;
	}
	section[name="commitment"] .container_7 {
		padding: 1vw;
	}
	section[name="commitment"] .check_infos {
		font-size: 3vw;
	}




	section[name="coolserum_4"] .product_container {
		background: radial-gradient(ellipse at center, #B3EFFF 17vw,transparent 0);
		/* background: radial-gradient(18vw 18vw, #B3EFFF 100%, transparent 100%); */
		width: 37.5vw;
		height: 37.5vw;
	}

	section[name="coolserum_4"] .product_container img{
		width: 21vw;
		margin: 7.5vw auto;
	}

	section[name="coolserum_4"] p{
		font-size: 2.8vw;
	}

	section[name="coolserum_4"] a img{
		width: 80vw;
	}


.Product_description{
	margin: auto;
	padding:1vw;
	margin-left: 0;
}
}