/* New */

.shampoo-treatment-mask-resize { width:100px; height:297px; }
.hair-oil-hair-milk-resize { width:121px; height:297px; }

@media only screen and (max-width : 768px) {

	.high-damage-repair-spacing { margin-top:25px!important; }
	
}

/* General */

.product-page { overflow-x:hidden; }
div, p, li, span { font-family: 'Apercu Pro', sans-serif; }

.sample-page-link { background:#D14E96; color:#fff; font-size:24px; padding:40px 30px; width:100%; text-align:center; transition:0.3s; cursor:pointer }

.sample-page-link a { color:#fff!important; }

.sample-page-link:hover { opacity:0.8 }

.high-damage-repair-top-content-container { background:url('../img/products/high-damage-repair/intro_bg.webp'); width:100%; margin:0 auto; }

.high-damage-repair-nav-container { background:url('../img/products/high-damage-repair/nav_bg.webp'); background-size:cover; width:900px; height:56px; padding:10px; text-align:center; margin:0 auto }

.high-damage-repair-nav-container a { color:#fff; font-size:18px; font-weight:bold; text-decoration:none;  display:inline-block; margin:6px 26px 6px 15px; position:relative; }

.high-damage-repair-nav-container a::after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    content: '';
    top: 0;
    right: -20px;
}

.high-damage-repair-nav-container a:hover { color:#d14e96}

 .high-damage-repair-nav-container a:hover:after { border-color:#d14e96}

.salon-inspired-content { color:#d14e96; font-size:40px; margin:60px auto 10px auto; text-align:center; font-weight:bold;}
.salon-inspired-content-series { color:#d14e96; font-size:30px; text-align:center; margin-bottom:30px}

.high-damage-repair-product-column-container { width:100%; margin:0 auto }

.high-damage-repair-product-column { width:33.33333333333333%; float:left;}

.high-damage-repair-hair-mask-background { background:#f3cfe2;  padding:20px; text-align:center; min-height:420px; }

.high-damage-repair-hair-oil-background { background:#9ccae8; padding:20px; text-align:center; min-height:420px; }

.high-damage-repair-hair-milk-background { background:#e0c3f1;  padding:20px; text-align:center; min-height:420px; }

.high-damage-repair-product-info-hair-type { font-size:24px; display:block; margin:20px auto 10px auto; }

.pink-txt { color:#d14f97; }
.blue-txt { color:#4b8ea5; }
.purple-txt { color:#90579f}

.high-damage-repair-product-img-txt { width:25%; }

.high-damage-repair-product-info-treatment { background:rgba(255,255,255,0.4); border-radius:20px; padding:10px 20px; font-size:18px; display:inline-block; margin:10px 2px 20px 2px; font-weight:bold; }

.high-damage-repair-product-info-description { display:block; margin:10px auto 30px auto; padding:0 90px; }

.high-damage-repair-acid-heat-treatment { background:url('../img/products/high-damage-repair/intro_bg.webp'); width:100%; min-height:400px; margin:0 auto;}

.high-damage-repair-content-title { font-size:30px; font-weight:bold; border-bottom:1px solid #d14e96; color:#d14e96; padding:0 20px 10px 20px; display:inline-block; margin:30px auto }

.high-damage-repair-acid-heat-treatment-container { width:800px; margin:0 auto; text-align:center; }

.high-damage-repair-acid-heat-treatment-white-box-container { background:#fff; padding:40px 200px 40px 40px; margin:0 auto; width:1000px; position:relative; }

.high-damage-repair-acid-heat-treatment-white-box-container::after { background:url('../img/products/high-damage-repair/daichi_aoki.webp'); width:240px; height:272px; position:absolute; right:-75px; bottom:-50px; }

.high-damage-repair-acid-heat-treatment-name { float:right; margin-bottom:40px!important; font-size:14px; }

#high-damage-repair-nav-menu { display:none; }

/* Buy Now */

.buy-now-menu-high-damage-repair-page {
  
  position:relative;
  display: inline-block;
  
}

.buy-now-menu-high-damage-repair-page .buy-now-menu-high-damage-repair-page-text {
  visibility: hidden;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0px;
  opacity: 0;
  transition: opacity 0.5s;
  
}

.buy-now-menu-high-damage-repair-page .buy-now-menu-high-damage-repair-page-background { 
 background-color: #fff;
 border:1px solid #e1c6ce;
 color:#000;
 text-align: left;
 margin-top:0;
 margin-left:-230px;
 text-transform:none;
 z-index: 99;
 display:block;
 width:600px;
 padding:30px;
 box-shadow:0 0 40px rgba(0, 0, 0, 0.1)!important;
}


.buy-now-menu-high-damage-repair-page:hover .buy-now-menu-high-damage-repair-page-text {
  visibility: visible;
  opacity: 1;
}


.buy-now-high-damage-repair-page { position:relative; background:#ce4c74; padding:10px 40px 10px 25px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; display:inline-block; color:#fff; transition:0.5s; margin:0 auto; cursor:pointer; text-transform:uppercase;}

.buy-now-high-damage-repair-page::after {   border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position:absolute;
  content:'';
  top:10px;
  right:15px; }
  
.buy-now-high-damage-repair-page:hover { opacity:0.6; background:#e65783 }

/* NEW */

.buy-now-menu-high-damage-repair-page-left {
  
  position:relative;
  display: inline-block;
  
}

.buy-now-menu-high-damage-repair-page-left .buy-now-menu-high-damage-repair-page-left-text {
  visibility: hidden;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0px;
  opacity: 0;
  transition: opacity 0.5s;
  
}

.buy-now-menu-high-damage-repair-page-left .buy-now-menu-high-damage-repair-page-left-background { 
 background-color: #fff;
 border:1px solid #e1c6ce;
 color:#000;
 text-align: left;
 margin-top:0;
 margin-left:-474px;
 text-transform:none;
 z-index: 99;
 display:block;
 width:600px;
 padding:30px;
 box-shadow:0 0 40px rgba(0, 0, 0, 0.1)!important;
}


.buy-now-menu-high-damage-repair-page-left:hover .buy-now-menu-high-damage-repair-page-left-text {
  visibility: visible;
  opacity: 1;
}


.buy-now-high-damage-repair-page-left { position:relative; background:#ce4c74; padding:10px 40px 10px 25px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; display:inline-block; color:#fff; transition:0.5s; margin:0 auto; cursor:pointer; text-transform:uppercase;}

.buy-now-high-damage-repair-page-left::after {   border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position:absolute;
  content:'';
  top:10px;
  right:15px; }
  
.buy-now-high-damage-repair-page-left:hover { opacity:0.6; background:#e65783 }

.high-damage-repair-about-product-bg { background:url('../img/products/high-damage-repair/about_product_bg.webp'); background-size:cover; width:100%;  position:relative; }

.high-damage-repair-about-product-bg img { position:absolute; top:-120px; right:0; width:400px; height:611px; }

.high-damage-repair-about-product-container { width:600px; padding:60px auto; margin:0 auto; text-align:center }

.high-damage-repair-about-product-title { font-size:36px; display:block; margin:20px auto; }

.high-damage-repair-hair-mask-bg { background:#edc6dc; width:100%; position:relative }
.high-damage-repair-hair-oil-bg { background:#aad7f3; width:100%; position:relative }
.high-damage-repair-hair-milk-bg { background:#cebcdb; width:100%; position:relative }

.high-damage-repair-product-container { width:1200px;  margin:0 auto }

.high-damage-repair-hair-mask-bg img, .high-damage-repair-hair-oil-bg img, .high-damage-repair-hair-milk-bg img { float:left; width:500px; height:672px;  }

.high-damage-repair-product-content { float:left; width:700px; padding:20px;}

.high-damage-repair-product-title-pink { font-size:30px; display:block; margin:40px auto 20px auto; color:#d14e96;}

.high-damage-repair-product-box-pink { font-size:18px; padding:10px 20px; border-radius:20px; background:rgba(255,255,255,0.6); color:#d14e96; display:inline-block; margin-right:10px;}

.high-damage-repair-product-title-blue { font-size:30px; display:block; margin:40px auto 20px auto; color:#4b8ea5;}

.high-damage-repair-product-box-blue { font-size:18px; padding:10px 20px; border-radius:20px; background:rgba(255,255,255,0.6); color:#4b8ea5; display:inline-block; margin-right:10px;}

.high-damage-repair-product-title-purple { font-size:30px; display:block; margin:40px auto 20px auto; color:#90579f;}

.high-damage-repair-product-box-purple { font-size:18px; padding:10px 20px; border-radius:20px; background:rgba(255,255,255,0.6); color:#90579f; display:inline-block; margin-right:10px;}

.high-damage-repair-product-container ul li { margin-bottom:10px; }

.high-damage-repair-product-disclaimer { margin:30px auto; font-size:13px; display:block; }

.daily-bg { background:url('../img/products/high-damage-repair/daily_title_bg.webp'); background-size:cover; width:100%; min-height:400px; position:relative; }

.high-damage-repair-content-bg { width:100%; background:#f2f0f4; padding-top:80px; padding-bottom:80px; }

.high-damage-repair-content-white-bg { background:#fff; margin:0 auto; width:1000px; padding:30px;  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)!important; }



.point-container { width:910px; margin:40px auto; }

.pink-box { background:#d14f97; width:90px; height:90px; float:left; margin-right:30px; }
.pink-box img { padding:15px 20px 20px 20px; width:100%; text-align:center}

.point-content { float:left; width:790px; }
.point-container span { font-size:24px; font-weight:bold; margin:20px auto; }

.point-line-1 { background: rgb(236,125,175);
	background: linear-gradient(90deg, rgba(236,125,175,1) 0%, rgba(116,195,238,1) 100%); width:750px; height:2px;  margin:20px 0; }

.point-line-2 { background: rgb(236,125,175);
	background: linear-gradient(90deg, rgba(236,125,175,1) 0%, rgba(116,195,238,1) 100%); width:760px; height:2px; margin:20px 0;  }

.point-line-3 { background: rgb(236,125,175);
	background: linear-gradient(90deg, rgba(236,125,175,1) 0%, rgba(116,195,238,1) 100%); width:430px; height:2px;margin:20px 0;   }
.fragrance-img { width:500px; height:372px; }

.high-damage-repair-how-to-use-bg { background:#fff; width:100%; padding:40px 20px; }
.high-damage-repair-how-to-use-container { width:1000px; margin:30px auto  }
.high-damage-repair-how-to-use-step { float:left; width:40px; margin-right:10px; }
.high-damage-repair-how-to-use-step img { width:40px; height:40px; }
.high-damage-repair-how-to-use-info { float:left; width:430px; margin-right:50px; }
.high-damage-repair-how-to-use-info span { font-weight:bold; font-size:20px; display:block; margin-bottom:10px;}
.high-damage-repair-how-to-use-info p { font-size:16px; }
.high-damage-repair-how-to-use-img { float:left; width:400px; }
.high-damage-repair-how-to-use-disclaimer { font-size:14px; display:block; margin:20px auto; }

.high-damage-repair-how-to-use-title { font-size:22px; font-weight:bold; }
.high-damage-repair-how-to-use-title-recommended { font-size:18px; display:block;}

.high-damage-repair-how-to-use-title-line-1 { background: rgb(236,125,175);
	background: linear-gradient(90deg, rgba(236,125,175,1) 0%, rgba(116,195,238,1) 100%); width:430px; height:2px;  margin:20px 0 40px 0; }

.high-damage-repair-how-to-use-title-line-2 { background: rgb(236,125,175);
	background: linear-gradient(90deg, rgba(236,125,175,1) 0%, rgba(116,195,238,1) 100%); width:200px; height:2px;  margin:20px 0 40px 0; }

.high-damage-repair-how-to-use-title-line-3 { background: rgb(236,125,175);
	background: linear-gradient(90deg, rgba(236,125,175,1) 0%, rgba(116,195,238,1) 100%); width:360px; height:2px;  margin:20px 0 40px 0; }

.high-damage-repair-how-to-use-info-hair-styling { float:left; width:500px; margin-right:50px; }

.high-damage-repair-voice-bg { background:url('../img/products/high-damage-repair/voice_bg.webp'); background-size:cover; width:100%; }

.high-damage-repair-voice-container { width:1000px; height:865px; position:relative; margin:0 auto }

.high-damage-repair-voice-title { text-align:center; color:#fff; font-size:36px; display:block; padding-top:60px; }
.high-damage-repair-voice-container span {  text-align:center; color:#fff; font-size:20px; display:block; margin:10px auto;}

.high-damage-repair-voice-1 { background:url('../img/products/high-damage-repair/voice_bg_1.png'); background-size:cover; width:450px; height:161px; position:absolute; left:0; top:200px; }

.high-damage-repair-voice-2 { background:url('../img/products/high-damage-repair/voice_bg_2.png'); background-size:cover; width:450px; height:229px; position:absolute; right:0; top:260px; }

.high-damage-repair-voice-3 { background:url('../img/products/high-damage-repair/voice_bg_3.png'); background-size:cover; width:450px; height:159px; position:absolute; left:0; top:480px; }

.high-damage-repair-voice-4 { background:url('../img/products/high-damage-repair/voice_bg_4.png'); background-size:cover; width:450px; height:217px; position:absolute; right:0; top:560px; }

.high-damage-repair-voice-1 p { font-size:16px; color:#fff; padding:30px 55px; line-height:20px;}
.high-damage-repair-voice-2 p { font-size:16px; color:#fff; padding:40px 55px; line-height:20px;}
.high-damage-repair-voice-3 p { font-size:16px; color:#fff; padding:20px 55px; line-height:20px;}
.high-damage-repair-voice-4 p { font-size:16px; color:#fff; padding:50px 55px; line-height:20px;}

.anchor-high-damage-repair {
display: block;
height: 50px;
margin-top: -50px;
visibility: hidden;
}

.img-100percent { width:100%; }

sup { vertical-align: text-top; font-size:11px; }

.high-damage-repair-how-to-use-product { font-weight:bold; font-size:30px; margin-bottom:20px; }

.high-damage-repair-video-container { width:1000px; margin:20px auto }

.high-damage-repair-video-txt-1 { color:#d14e96; font-weight:bold; font-size:26px;  margin-bottom:1px; }
.high-damage-repair-video-txt-2 { color:#d14e96; font-size:16px;  margin-bottom:30px; }
.high-damage-repair-video-txt-3 { font-size:18px;  margin-bottom:20px; }
.high-damage-repair-video-txt-4 { font-size:16px;  margin-bottom:40px; }

/* Product Detail Page */

.hair-mask { background:#f3cfe2; }

.hair-mask-list ul { list-style: none; /* Remove default bullets */  }

.hair-mask-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.hair-mask-list ul li::before {
  content: "\2022";
  color:#d14f97;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.hair-oil { background:#aad7f3; }

.hair-oil-list ul { list-style: none; /* Remove default bullets */  }

.hair-oil-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.hair-oil-list ul li::before {
  content: "\2022";
  color:#4b8ea5;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }
  
.hair-milk { background:#cebcdb; }

.hair-milk-list ul { list-style: none; /* Remove default bullets */  }

.hair-milk-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.hair-milk-list ul li::before {
  content: "\2022";
  color:#90579f;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.shampoo { background:#ccc7f1; }

.shampoo-list ul { list-style: none; /* Remove default bullets */  }

.shampoo-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.shampoo-list ul li::before {
  content: "\2022";
  color:#b086e4;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.treatment { background:#f6d9f7; }

.treatment-list ul { list-style: none; /* Remove default bullets */  }

.treatment-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.treatment-list ul li::before {
  content: "\2022";
  color:#c167c4;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.ingredients {  margin-left:18px; margin-top:20px; border:1px solid #ccc; padding:10px 15px; display:inline-block; }

.ingredients p { font-family: 'Apercu Pro', sans-serif; font-weight: normal;  font-size:13px; }

.high-damage-repair-product-page-ingredient-info { font-size:13px; }

.high-damage-repair-product-page-ingredient-info sup { vertical-align: text-top; font-size:9px; top:0.5px}

.high-damage-repair-product-disclaimer sup { vertical-align: text-top; font-size:9px; top:0.5px}

.high-damage-repair-spacing { margin-top:80px; }

.video-column-container { width:1000px; margin:0 auto; }
.video-column { float:left; width:475px; }
.video-column-margin-right { margin-right:50px; }

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

@media only screen and (max-width : 1100px){
.high-damage-repair-video-container {  width:90%; }
.video-column-container { width:100%; margin:0 auto; }
.video-column { float:none; width:100%; margin:40px auto; }
.video-column-margin-right { margin:40px auto; }		
	
}


/* Mobile & Tablet */

@media only screen and (max-width : 768px) {
	
.mobile-left-product-spacing {
    margin-left: 90px
		
	}
}

@media only screen and (max-width : 1199px) {

	
/* Buy Now Responsive */
	
.buy-now-menu-high-damage-repair-page .buy-now-menu-high-damage-repair-page-text {
  top: 100%;
  left: 36px;

}

.buy-now-menu-high-damage-repair-page .buy-now-menu-high-damage-repair-page-background { 

 margin-top:0;
 margin-left:-230px;
 width:320px;
 padding:30px;
}
	
.buy-now-menu-high-damage-repair-page-left .buy-now-menu-high-damage-repair-page-left-text {
  top: 100%;
  left: 36px;

}

.buy-now-menu-high-damage-repair-page-left .buy-now-menu-high-damage-repair-page-left-background { 

 margin-top:0;
 margin-left:-230px;
 width:320px;
 padding:30px;
}	
	
}


/* Desktop above 2000px */

@media only screen and (min-width : 2100px) {
	
	.high-damage-repair-product-column-container { width:2100px; margin:0 auto }
	.high-damage-repair-product-container { width:1200px; margin:0 auto; float:none; }
}

/* Coming Soon */

.coming-soon { position:absolute;top:5px;right:50px;font-size:9px;background:rgba(255,255,255,0.4) }
@media only screen and (max-width : 768px) { 
.coming-soon { top:5px;right:-25px;font-size:9px; }
}

/* New */

button {
  background: none;
  border:1px solid #b086e4; 
  color:#b086e4;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px;
  position: relative;
  text-transform: uppercase;
  cursor:pointer;
  font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal;
}


button::before { position:absolute;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top:14px; right:10px;
  content:""; }


button::after {
  background: #b086e4;
  content: '';
  position: absolute;
  z-index: -1;
}


.product-type { color:#000; }
.shampoo-text-color { color:#6B5BD7!important }
.treatment-text-color { color:#D65ADD!important }
.hair-mask-text-color { color:#CD249E!important }
.hair-oil-text-color { color:#57C4E3!important; }
.hair-milk-text-color { color:#8D599E!important }