/*  ------  local   ------  */

.exf__page{
	background: #fccd95;
}
/*.exf__page .exf__bloc-tiles {
    background: #fccd95;
}*/
.exf__page .exf__bloc-refillable {
	background: #FFF0E9;
	margin: 0;
}

.exf__page .exf__header-title-1 {
	font-size: calc(55 * var(--ratioHeaderWidth));
}
.exf__page .exf__header-title-2 {
	font-size: calc(26 * var(--ratioHeaderWidth));
	text-transform: none;
}

.exf__page .exf__refillable-title {
    padding-bottom: 24px;
}

.exf__page .exf__refillable-title-2 {
	text-align: center;
	font-size: 36px;
	color: #9D6552;
	padding-bottom: 24px;
}

.exf__page .exf__facial-body {
    padding: 32px 80px 32px 340px;
    align-items: flex-start;
}

.exf__page .exf__tile-content-title {
	font-size: calc(36 * var(--tileRatio));
}
.exf__page .exf__tile-content-text {
    font-size: calc(24 * var(--tileRatio));
}

 @media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.exf__page .exf__header-title-1 {
	    font-size: calc(70 * var(--ratioHeaderWidth));
	}
	.exf__page .exf__header-title-2 {
	    font-size: calc(35 * var(--ratioHeaderWidth));
	}
	.exf__page .exf__refillable-item-text {
	    font-size: 16px;
	}
	.exf__page .exf__facial-body {
	    padding: 32px 40px 32px 340px;
	}
	.exf__page .exf__facial-suptitle {
	    font-size: 20px !important;
	}
	.exf__page .exf__facial-title {
	    font-size: 20px !important;
	}
	.exf__page .exf__facial-expert-name {
	    font-size: 14px;
	}
	.exf__page .exf__facial-text {
	    padding-bottom: 70px;
	}
}

@media (max-width: 480px) {
	.exf__page .exf__header-title-1 {
	    font-size: calc(26 * var(--ratioHeaderWidth));
	}
	.exf__page .exf__header-title-2 {
	    font-size: calc(16 * var(--ratioHeaderWidth));
	}
	.exf__page .exf__tile[data-item="1"] .exf__tile-content-title {
	    font-size: calc(14 * var(--tileRatio));
	}
	.exf__page .exf__tile-content-subtitle {
	    font-size: calc(11 * var(--tileRatio));
	}
	.exf__page .exf__refillable-item-text {	        
		text-align: center;
	}
	.exf__page .exf__facial-body {
    	padding: 370px 0 32px 0;
	}
	.exf__page .exf__facial-expert-body {
    	width: 280px;
	}
	.exf__page .exf__facial-expert-name {
	    font-size: 12px;
	}
	.exf__page .exf__tile[data-item="2"] .exf__tile-content {
		top: calc(350 * var(--tileRatio));
	}
	.exf__page .exf__tile-content-title {
		font-size: calc(18 * var(--tileRatio));
	}
	.exf__page .exf__tile-content-text {
	    font-size: calc(12 * var(--tileRatio));
	}
}