/*
 * Copyright (c) 2022. All rights reserved by Positive Thinking Company.
 * Author: WE Group Development
 * Captain: vuhq@wanvu.vn (Vu HO QUANG)
 * Mobile: (+84).905.333.460
 * Modified: 9/14/22, 11:52 AM
 */

@font-face {
	font-family: "Gotham XLight";
	src: url("fonts/Gotham XLight Regular.eot");
	src: url("fonts/Gotham XLight Regular.eot") format("embedded-opentype"),
	url("fonts/Gotham XLight Regular.woff2") format("woff2"),
	url("fonts/Gotham XLight Regular.woff") format("woff"),
	url("fonts/Gotham XLight Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Gotham Light";
	src: url("fonts/GothamLight.eot");
	src: url("fonts/GothamLight.eot") format("embedded-opentype"),
	url("fonts/GothamLight.woff2") format("woff2"),
	url("fonts/GothamLight.woff") format("woff"),
	url("fonts/GothamLight.ttf") format("truetype");
}

.IB-PDP {
	--CLARINS-FONT: ClarinsRegular, Clarins;
	--GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
	sans-serif;
	--GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
	Arial, sans-serif;
	--GOTHAM-LIGHT: "Gotham Light", Helvetica, Arial, sans-serif;
	--GOTHAM-XLIGHT: "Gotham XLight", Helvetica, Arial, sans-serif;
	--pink-color: #f4496d;
	/*****************************************************************************/
	font-family: var(--GOTHAM-BOOK);
	width: 100%;
	text-align: center;
	color: #333333;
	background-color: #f8f6f7;
	overflow: hidden;
	background: linear-gradient(to right, #ffa6c3, #ffe3e4);
	background-image: url(./images/background.jpg);
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
}

.IB-PDP * {
	box-sizing: border-box;
}

.IB-PDP__wrapper {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.IB-PDP br[is-mobile] {
	display: none;
}

.IB-PDP .dp-quickshop {
	display: none;
}

#wrapper {
	max-width: 100%;
}

.IB-PDP h1,
.IB-PDP h2 {
	font-weight: 400;
	margin-left: 0;
	margin-right: 0;
}

@media screen and (max-width: 1600px) {
	.IB-PDP__wrapper {
		padding: 0 15px;
	}
}

@media screen and (max-width: 1000px) {
	.IB-PDP__wrapper {
		max-width: 550px;
	}

	.IB-PDP br[is-mobile] {
		display: block;
	}
}

/************/
/** HEADER **/
/************/

.IB-PDP__header {
	text-align: left;
	position: relative;
	padding-top: 60px;
}

.IB-PDP__header-title {
	font-family: var(--GOTHAM-MEDIUM);
	color: var(--pink-color);
	font-size: 85px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
	padding-left: 0;
	padding-right: 0;
}

.IB-PDP__header-title span {
	font-size: 60px;
	display: block;
	font-family: var(--GOTHAM-XLIGHT);
}

.IB-PDP__header-text {
	font-size: 20px;
	margin: 0;
	margin-top: 5px;
}

.IB-PDP__header-img {
	max-width: 571px;
	width: 100%;
	position: absolute;
	right: -280px;
	top: 50px;
}

@media screen and (max-width: 1000px) {
	.IB-PDP__header {
		padding-top: 30px;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}

	.IB-PDP__header-title {
		font-size: 48px;
		padding-bottom: 270px;
		font-weight: 400;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.IB-PDP__header-title br {
		display: none;
	}

	.IB-PDP__header-title span {
		font-size: 35px;
	}

	.IB-PDP__header-title span br {
		display: block;
	}

	.IB-PDP__header-img {
		max-width: 407px;
		right: auto;
		left: calc(50% + 24px);
		top: 168px;
		transform: rotate(-20deg) translateX(-50%);
		max-width: 331px;
	}

	.IB-PDP__header-text {
		margin-top: 20px;
		font-size: 16px;
	}
}

/*************/
/** PRODUCT **/
/*************/

.IB-PDP__product {
	margin-top: 75px;
	text-align: left;
	position: relative;
}

.IB-PDP__product-block--1 .IB-PDP__product-title {
	padding-top: 115px;
}

.IB-PDP__product-title {
	color: var(--pink-color);
	font-size: 48px;
	font-family: var(--GOTHAM-LIGHT);
	text-transform: uppercase;
	margin: 0;
	margin-top: 50px;
	font-weight: 400;
}

.IB-PDP__product-block--2 .IB-PDP__product-title {
	font-family: var(--GOTHAM-XLIGHT);
}

.IB-PDP__product-title span {
	font-family: var(--GOTHAM-MEDIUM);
}

.IB-PDP__product-block {
	position: relative;
	max-width: 910px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.IB-PDP__product-container-img {
	width: 100%;
	position: absolute;
}

.IB-PDP__product-block--1 .IB-PDP__product-container-img {
	max-width: 404px;
}

.IB-PDP__product-block--2 .IB-PDP__product-container-img {
	max-width: 465px;
}

.IB-PDP__product-block--1 .IB-PDP__product-container-img {
	left: 0;
	top: 0;
}

.IB-PDP__product-block--2 .IB-PDP__product-container-img {
	right: 0;
	bottom: -15px;
}

.IB-PDP__product-container-img::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: -16px;
	position: absolute;
	background-color: #fa92a3;
}

.IB-PDP__product-block--1 .IB-PDP__product-container-img::before {
	left: -16px;
}

.IB-PDP__product-block--2 .IB-PDP__product-container-img::before {
	right: -16px;
}

.IB-PDP__product-container-img img {
	width: 100%;
	position: relative;
}

.IB-PDP__product-block--1 {
	height: 500px;
}

.IB-PDP__product-block--1 .IB-PDP__product-container-text {
	padding-left: 50%;
}

.IB-PDP__product-text {
	margin: 0;
	margin-top: 10px;
	font-size: 16px;
}

ul.IB-PDP__product-text {
	padding: 0;
}

ul.IB-PDP__product-text li {
	list-style: none;
	padding-left: 30px;
	position: relative;
	margin-top: 10px;
	font-size: 16px;
}

ul.IB-PDP__product-text li::before {
	position: absolute;
	left: 0;
	content: "";
	display: block;
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
}

ul.IB-PDP__product-text li:first-child:before {
	top: 5px;
	width: 20px;
	height: 20px;
	background-image: url(./images/icon-leaf.svg);
}

ul.IB-PDP__product-text li:not(:first-child):before {
	top: 0;
	width: 24px;
	height: 24px;
	background-image: url(./images/icon-formula.svg);
}

@media screen and (max-width: 1000px) {
	.IB-PDP__product-block--1 .IB-PDP__product-container-img,
	.IB-PDP__product-block--2 .IB-PDP__product-container-img {
		max-width: 275px;
	}

	.IB-PDP__product-block--1 .IB-PDP__product-container-img,
	.IB-PDP__product-block--2 .IB-PDP__product-container-img {
		position: relative;
	}

	.IB-PDP__product-block {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.IB-PDP__product-container-text {
		padding: 0;
	}

	.IB-PDP__product-title {
		font-size: 35px;
	}

	.IB-PDP__product-text {
		margin-top: 15px;
	}

	.IB-PDP__product-block--1 .IB-PDP__product-container-img::before,
	.IB-PDP__product-block--2 .IB-PDP__product-container-img::before {
		left: -10px;
		top: -10px;
		right: 0;
	}

	.IB-PDP__product-block--1 .IB-PDP__product-title {
		padding-top: 0;
		margin-top: 15px;
	}

	.IB-PDP__product-block--1 .IB-PDP__product-container-text {
		padding: 0;
		order: 2;
	}

	.IB-PDP__product {
		margin-top: 50px;
	}

	.IB-PDP__product-container-text {
		order: 2;
	}

	.IB-PDP__product-block--1 {
		height: auto;
	}

	.IB-PDP__product-block--2 {
		margin-top: 20px;
	}

	.IB-PDP__product-block--2 .IB-PDP__product-title {
		margin-top: 30px;
	}

	ul.IB-PDP__product-text li br {
		display: none;
	}

	.IB-PDP__product-text br {
		display: none;
	}

	.IB-PDP__product-block--2 .IB-PDP__product-text {
		font-size: 14px;
	}
}

/*********/
/** WHY **/
/*********/

.IB-PDP__why {
	height: 250px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #fcdce1;
	margin-top: 80px;
	position: relative;
	overflow: hidden;
}

.IB-PDP__why::before,
.IB-PDP__why::after {
	content: "";
	display: block;
	background-image: url(./images/KV.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}

.IB-PDP__why::before {
	width: 490px;
	height: 575px;
	top: -201px;
	left: -140px;
}

.IB-PDP__why::after {
	width: 480px;
	height: 562px;
	top: -204px;
	right: -129px;
}

.IB-PDP__why-title {
	font-size: 48px;
	margin: 0;
	font-family: var(--GOTHAM-XLIGHT);
	text-transform: uppercase;
	color: var(--pink-color);
	line-height: 52px;
	font-weight: 400;
}

.IB-PDP__why-title span {
	font-family: var(--GOTHAM-MEDIUM);
}

.IB-PDP__why-text {
	margin: 0;
	font-size: 16px;
	margin-top: 10px;
}

@media screen and (max-width: 1200px) and (min-width: 1000px) {
	.IB-PDP__why::after {
		right: -197px;
	}

	.IB-PDP__why::before {
		left: -223px;
	}
}

@media screen and (max-width: 1000px) {
	.IB-PDP__why {
		height: auto;
		padding-top: 80px;
		padding-bottom: 100px;
		padding-left: 30px;
		padding-right: 30px;
		max-width: 375px;
		width: 100%;
	}

	.IB-PDP__why::before {
		width: 436px;
		height: 388px;
		top: -183px;
		left: auto;
		right: -216px;
		transform: rotate(-8deg);
	}

	.IB-PDP__why-title {
		font-size: 35px;
		line-height: 39px;
	}

	.IB-PDP__why::after {
		width: 376px;
		height: 437px;
		top: auto;
		right: auto;
		transform: rotate(-53deg);
		left: -199px;
		bottom: -190px;
	}

	.IB-PDP__why-text {
		font-size: 14px;
	}
}

/*************/
/** ROUTINE **/
/*************/

.IB-PDP__routine {
	margin-top: 70px;
	padding-bottom: 140px;
	position: relative;
	overflow: hidden;
}

.IB-PDP__routine-title {
	font-size: 48px;
	text-transform: uppercase;
	color: var(--pink-color);
	margin: 0;
	font-weight: 400;
}

.IB-PDP__routine-text {
	font-size: 16px;
	margin: 0;
	margin-top: 25px;
}

.IB-PDP__routine-product--1 .IB-PDP__routine-product-img {
	max-width: 119px;
}

.IB-PDP__routine-product--2 .IB-PDP__routine-product-img {
	max-width: 101px;
}

.IB-PDP__routine-product--3 .IB-PDP__routine-product-img {
	max-width: 112px;
}

.IB-PDP__routine-product-img {
	width: 100%;
	position: relative;
	margin: 0 auto;
	height: 329px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.IB-PDP__routine-product-img::before {
	display: block;
	font-size: 155px;
	color: #fff;
	font-family: var(--GOTHAM-XLIGHT);
	opacity: 0.6;
	position: absolute;
}

.IB-PDP__routine-product--1 .IB-PDP__routine-product-img::before {
	content: "1";
	bottom: 75px;
	left: calc(50% - 91px);
}

.IB-PDP__routine-product--2 .IB-PDP__routine-product-img::before {
	content: "2";
	bottom: 127px;
	left: calc(50% - 112px);
}

.IB-PDP__routine-product--3 .IB-PDP__routine-product-img::before {
	content: "3";
	bottom: 33px;
	left: calc(50% - 117px);
}

.IB-PDP__routine-product-img img {
	width: 100%;
	position: relative;
}

.IB-PDP__routine-product-name {
	font-size: 16px;
	font-family: var(--GOTHAM-MEDIUM);
	margin: 0;
	margin-top: 15px;
}

.IB-PDP__routine-product-description {
	font-size: 14px;
	margin: 0;
	margin-top: 3px;
}

.IB-PDP__routine-product-price {
	font-size: 14px;
	font-family: var(--GOTHAM-MEDIUM);
}

.IB-PDP__routine-ingredient {
	max-width: 477px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: -106px;
	mix-blend-mode: multiply;
	height: 662px;
}

.IB-PDP__routine-ingredient img {
	width: 100%;
	mix-blend-mode: multiply;
}

.IB-PDP__routine-ingredient span {
	color: #fff;
	font-size: 16px;
	background-color: #f76e8f;
	padding: 4px 16px;
	position: absolute;
	left: 114px;
	top: 476px;
}

.IB-PDP__routine-products {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

button.IB-PDP__routine-cta {
	display: block;
	position: relative;
	background-color: #b40024;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	font-size: var(--FONT-SIZE);
	line-height: 15px;
	font-family: var(--GOTHAM-MEDIUM);
	cursor: pointer;
	border: 1px solid #d3d3d3;
	min-width: 122px;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
	text-transform: unset !important;
	height: 44px !important;
	letter-spacing: unset !important;
	outline: 0 !important;
	margin: 0 auto;
	font-size: 14px;
}

button.IB-PDP__routine-cta::after {
	content: " ";
	display: block;
	position: absolute;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	border: #63021a solid 2px !important;
	border-radius: 7px;
	opacity: 0;
	left: -2px;
	top: -2px;
	pointer-events: none;
	box-sizing: border-box;
}

button.IB-PDP__routine-cta:focus::after {
	opacity: 1;
}

button.IB-PDP__routine-cta:focus,
button.IB-PDP__routine-cta:hover {
	outline: 0 !important;
}

button.IB-PDP__routine-cta:active::after {
	opacity: 1;
}

@media screen and (max-width: 1600px) {
	.IB-PDP__routine-ingredient {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.IB-PDP__routine {
		margin-top: 40px;
		padding-bottom: 100px;
	}

	.IB-PDP__routine-title {
		font-size: 35px;
	}

	.IB-PDP__routine-product {
		width: 200px;
	}

	.IB-PDP__routine .clarins_cta {
		margin: 0 auto;
	}
}

/*================================*/
.IB-PDP__routine-product-name {
	min-height: 57px;
}

.IB-PDP__why-text {
	width: 50%;
}

.IB-PDP__routine-product-name {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.IB-PDP__routine-product-description {
	width: 100%;
	margin: 0 auto;
}

@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.IB-PDP__why-text {
		width: 75%;
	}
}

@media (max-width: 480px) {
	.IB-PDP__why-text {
		width: 80%;
	}
}

@media screen and (max-width: 1000px) {
	.IB-PDP__header-img {
		top: 127px;
	}
}

/* ============================================= */
button.IB-PDP__routine-cta::after {
	border: #63021A solid 3px !important;
}

button.IB-PDP__routine-cta {
	margin-bottom: 10px;
}

/* AR - Custom */
.PDP-Free-Block *,
.PDP-Free-Block button.IB-PDP__routine-cta {
	font-family: Tajawal, Helvetica, Aria l, sans-serif !important;
	font-weight: 400;
}

.PDP-Free-Block * {
	direction: rtl;
}

.PDP-Free-Block .IB-PDP__header-img,
.PDP-Free-Block .IB-PDP__product-block--1 .IB-PDP__product-container-img img,
.PDP-Free-Block .IB-PDP__why::before,
.PDP-Free-Block .IB-PDP__why::after,
.PDP-Free-Block ul.IB-PDP__product-text li::before {
	transform: scaleX(-1);
}

.PDP-Free-Block .IB-PDP__header-img {
	right: initial;
	left: -280px;
}

.PDP-Free-Block .IB-PDP__why::before {
	left: initial;
	right: -140px;
}

.PDP-Free-Block .IB-PDP__why::after {
	right: initial;
	left: -129px;
}

.PDP-Free-Block ul.IB-PDP__product-text li::before {
	left: initial;
	right: 0;
}

.PDP-Free-Block ul.IB-PDP__product-text li {
	padding-left: initial;
	padding-right: 30px;
}

.PDP-Free-Block .IB-PDP__product-title,
.PDP-Free-Block .IB-PDP__product-text,
.PDP-Free-Block .IB-PDP__header-title,
.PDP-Free-Block .IB-PDP__header-text {
	text-align: right;
}

.IB-PDP__product-block--1 .IB-PDP__product-container-img {
	left: initial;
	right: 0;
}

.IB-PDP__product-block--1 .IB-PDP__product-container-text {
	padding-left: initial;
	padding-right: 50%;
}

.IB-PDP__product-block--1 .IB-PDP__product-container-img::before {
	left: initial;
	right: -16px;
}

.IB-PDP__product-block--2 .IB-PDP__product-container-img {
	right: initial;
	left: 0;
}

.IB-PDP__product-block--2 .IB-PDP__product-container-text {
}

.IB-PDP__product-block--2 .IB-PDP__product-container-img::before {
	right: initial;
	left: -16px;
}

.PDP-Free-Block .slick-list {
	direction: rtl;
}

.PDP-Free-Block .slick-track {
	display: flex;
}

.PDP-Free-Block .IB-PDP__routine-product--1 .IB-PDP__routine-product-img::before {
	left: initial;
	right: calc(50% - 110px);
}

.PDP-Free-Block .IB-PDP__routine-product--2 .IB-PDP__routine-product-img::before {
	left: initial;
	right: calc(50% - 110px);
}

.PDP-Free-Block .IB-PDP__routine-product--3 .IB-PDP__routine-product-img::before {
	left: initial;
	right: calc(50% - 120px);
}

@media screen and (max-width: 1000px) {
	.PDP-Free-Block .IB-PDP__header-img {
		left: initial;
		right: calc(50% + 24px);
		transform: scaleX(-1) rotate(-20deg) translateX(-50%);
	}
}

@media screen and (max-width: 1000px) {
	.IB-PDP__product-block--1 .IB-PDP__product-container-text {
		padding: 0;
	}

	.PDP-Free-Block .IB-PDP__header-title,
	.PDP-Free-Block .IB-PDP__header-text {
		text-align: center;
	}

	.PDP-Free-Block .IB-PDP__why::before {
		transform: scaleX(-1) rotate(-8deg);
		right: auto;
		left: -216px;
	}

	.PDP-Free-Block .IB-PDP__why::after {
		transform: scaleX(-1) rotate(-53deg);
		right: -199px;
		left: auto;
	}

	.PDP-Free-Block .IB-PDP__product-block--1 .IB-PDP__product-container-img::before,
	.PDP-Free-Block .IB-PDP__product-block--2 .IB-PDP__product-container-img::before {
		left: initial;
		right: -10px;
	}
}

.IB-PDP__routine-product-name {
	font-weight: 500;
	width: 100%;
}
.IB-PDP__routine-product-quickshop a,
.PDP-Free-Block button.IB-PDP__routine-cta,
.IB-PDP__routine-cta,
.IB-PDP__product-block--2 .IB-PDP__product-title,
.PDP-Free-Block__btn,
.PDP-Free-Block__btn span,
.IB-PDP__why-title span,
.IB-PDP__product-block--1 .IB-PDP__product-title span,
.IB-PDP h1,
.IB-PDP h2 span,
.IB-PDP__routine-cta {
	font-weight: 500 !important;
}

.PDP-Free-Block .IB-PDP__routine-product--1 .IB-PDP__routine-product-img::before,
.PDP-Free-Block .IB-PDP__routine-product--2 .IB-PDP__routine-product-img::before,
.PDP-Free-Block .IB-PDP__routine-product--3 .IB-PDP__routine-product-img::before {
  font-weight: 200 !important;
}
.PDP-Free-Block .IB-PDP__routine-product-img::before {
  font-size: 175px;
  line-height: initial;
  font-family: Tajawal, Helvetica, Aria l, sans-serif !important;
}
.PDP-Free-Block .IB-PDP__routine-product--1 .IB-PDP__routine-product-img::before {
  content: "1";
  bottom: auto;
  left: unset;
  right: calc(50% - 115px);
  top: 120px;
}
.PDP-Free-Block .IB-PDP__routine-product--2 .IB-PDP__routine-product-img::before {
  content: "2";
  bottom: auto;
  left: unset;
  right: calc(50% - 122px);
  top: 66px;
}
.PDP-Free-Block .IB-PDP__routine-product--3 .IB-PDP__routine-product-img::before {
  content: "3";
  bottom: auto;
  left: unset;
  right: calc(50% - 130px);
  top: 163px;
}
.IB-PDP__routine-title {
	padding: 0 40px;
}

.IB-PDP-br--mobile {
	display: none;
}

@media screen and (max-width: 1000px) {
	.IB-PDP-br--mobile {
		display: block;
	}
}
.IB-PDP__header {
	padding-top: 48px;
}
.IB-PDP__why-title {
	font-weight: 400;
}
.IB-PDP__routine-ingredient {
	left: 0;
	right: unset;
	transform: scaleX(-1);
}
.IB-PDP__routine-ingredient span {
	transform: scaleX(-1);
}