/* Top Main */

.anti-hair-loss-scalp-spray-top-container { width:1200px; margin:60px auto; }

.anti-hair-loss-scalp-spray-top-product-img { margin-bottom:40px; }

.light-pink-bg { background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/light_pink_bg.webp'); background-repeat: no-repeat; background-size: cover; width:100%; padding-top:80px; padding-bottom:80px;}

.main-product-container { width:1200px; margin:0 auto; position:relative;}

.scalp-spray-img { width:120px; height:454px; position:relative; z-index:0;  }
.scalp-spray-img img { z-index:2;position: relative;  }
.scalp-spray-img::before {  font-size:22px; z-index:1; color:#ca171e; font-family: 'D-DIN Condensed', sans-serif; border:2px solid #ca171e; border-radius:50%;   box-shadow:0 0 0 4px #f3a3a6;  content:'For All Scalp Types'; height:70px; width:70px; position:absolute; left:-90px; top:140px; padding:10px 20px 20px 20px; background:#fff;   transform: rotate(-10deg);}
.scalp-spray-img::after {  background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/refresh_and_herb_scent.webp'); background-repeat: no-repeat; background-size: cover; content:''; height:96px; width:100px; position:absolute; right:-95px; top:80px; transform: rotate(-10deg);}

.rootie-container { width:400px; margin:0 auto }
.rootie { position:relative; width:400px; height:auto; }

.rootie-point-container { width:800px; margin:20px auto; }
.rootie-box { position:relative; border:2px solid #ca171e; border-radius:30px; float:left; width:200px; margin:10px; padding:30px 20px 20px 20px; text-align:center;}
.rootie-box p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px;}
.rootie-point { position:absolute; top:-20px; left:80px; text-align:center; padding:10px; width:60px; background:#ca171e; border-radius:20px; color:#fff;font-family: 'D-DIN Condensed', sans-serif; font-size:18px; }

.rootie-box img { margin:20px auto 10px auto; }
.product-title {
    font-family: 'D-DIN Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: block;
    margin:15px auto 10px auto;
  
}

.point-txt { position:relative; }
.point-txt::before { position:absolute; left:-10px; top:10px; background:#000; padding:6px; color:#fff; border:1px solid #fff; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; content:'BEFORE'; font-size:11px;}
.point-txt::after { position:absolute; left:-10px; bottom:40px; background:#000; padding:6px; color:#fff; border:1px solid #fff; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; content:'AFTER'; font-size:11px;}


.pink-red-button-buy .pink-red-button-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #f3a3a6;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.pink-red-button-buy .pink-red-button-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f3a3a6 transparent;
}

.pink-red-button-buy:hover .pink-red-button-buy-text {
  visibility: visible;
  opacity: 1;
}


.pink-red-buy-button { border:2px solid #f3a3a6; padding:5px 15px 6px 15px; opacity:1; transition: 0.6s; color:#000; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;}

.pink-red-buy-button:hover { opacity:0.6;}

@media only screen and (min-width: 1101px) and (max-width: 1250px) {
    
.main-product-container { width:1000px; position:relative;}

.rootie-point-container { width:650px; margin:20px auto; }
.rootie-box { position:relative; border:2px solid #ca171e; border-radius:30px; float:left; width:150px; margin:10px; padding:30px 20px 20px 20px; text-align:center;}

}

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

body {
    overflow-x: hidden;
}

.main-product-container { width:100%; margin:40px auto; position:relative;}

.scalp-spray-img { width:100px; height:auto; margin-left:90px;}
.scalp-spray-img::before {  top:80px;}
.scalp-spray-img::after {  height:96px; width:100px; position:absolute; right:auto; left:-100px; top:240px; transform: rotate(-10deg);}

.light-pink-bg { padding-top:20px; padding-bottom:10px;}

.rootie-container { width:220px; margin-left:-15px; left:0; top:180px; position:absolute; }
.rootie { position:relative; width:220px; height:auto; margin-top:-30px;}

.rootie-point-container { width:360px; margin:60px auto 20px auto; }
.rootie-box { position:relative; border:2px solid #ca171e; border-radius:30px; float:left; width:135px; margin:10px; padding:30px 10px; text-align:center;}
.margin-left-mobile { margin-left:100px; margin-top:20px; }
.rootie-point { position:absolute; top:-20px; left:40px; text-align:center; padding:10px; width:60px; background:#ca171e; border-radius:20px; color:#fff;font-family: 'D-DIN Condensed', sans-serif; font-size:18px; }

.point-txt::before { position:absolute; left:-10px; top:5px; background:#000; padding:6px; color:#fff; border:1px solid #fff; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; content:'BEFORE'; font-size:11px;}
.point-txt::after { position:absolute; left:-10px; bottom:25px; background:#000; padding:6px; color:#fff; border:1px solid #fff; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; content:'AFTER'; font-size:11px;}
   
}



/* Fortified */


.top-product-info-background { background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/pink_bg.webp'); background-repeat: no-repeat; background-size: cover; width:100%; height:auto; min-height:500px; padding-top:80px; padding-bottom:10px }

.fortified { margin-top:50px; display:inline-block; font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; color:#fff; padding:10px; background:#ca171e; font-size:24px; }
.top-product-info-background span { margin-top:10px;font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-style: normal; font-size:32px; display:block; }
.top-product-info-background p { margin-top:5px; display:block;font-family: 'D-DIN Condensed', sans-serif; font-weight: normal; font-style: normal; font-size:22px; }
.pink-red-button-buy {
  position: relative;
  display: inline-block;
}

.active-ingredients { max-width:700px; height:auto; }

.ingredients { width:1000px; height:auto; margin:0 auto 60px auto; }

.top-product-info-background p { margin-top:-50px; font-size:20px; line-height:24px; }

.ingredients-img { margin-top:40px; position:relative; width:700px;}
.ingredient-1 { position:absolute; bottom:-35px; left:22px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal;font-size:16px; }
.ingredient-2 { position:absolute; bottom:-35px; left:301px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;}
.ingredient-3 { position:absolute; bottom:-35px; left:555px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;}


@media only screen and (max-width: 1100px) {
.top-product-info-background { min-height:auto; }
.fortified { margin-top:30px; }
.active-ingredients { max-width:320px; height:auto; }

.ingredients-img { margin:40px auto 50px auto; position:relative; width:320px;}
.ingredient-1 { position:absolute; bottom:54px; width:100px; left:8px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal;font-size:15px; }
.ingredient-2 { position:absolute; bottom:74px; width:100px; left:209px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:15px;}
.ingredient-3 { position:absolute; bottom:-42px; width:200px;  left:56px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:15px;}
 .top-product-info-background p { width:90%; margin:20px auto; }
    
}

/* Suitable for */

.suitable-background { background-image: linear-gradient(125deg, #fff2d6 25%, #fff5de 25%, #fff5de 50%, #fff2d6 50%, #fff2d6 75%, #fff5de 75%, #fff5de 100%);
background-size: 48.83px 69.74px; width:100%; padding-top:80px; padding-bottom:60px; }

.specially-formulated-for { width:500px; height:auto; }


#stressed-scalps { font-family: 'Apercu Pro', sans-serif;  font-size:24px; font-weight:bold;  margin-bottom:-5px; color:#ca171e;}
#from-daily-pressures { font-family: 'Apercu Pro', sans-serif; font-size:24px;  color:#ca171e; margin-bottom:20px;}

#active-lifestyles { font-family: 'Apercu Pro', sans-serif;  font-size:24px;  margin-bottom:-5px; color:#ca171e;}
#prone-to { font-family: 'Apercu Pro', sans-serif;  font-size:24px;  color:#ca171e;}
#oily-itchy-scalp { font-family: 'Apercu Pro', sans-serif;  font-size:24px; font-weight:bold; margin-bottom:20px; color:#ca171e;}

#early-signs-of { font-family: 'Apercu Pro', sans-serif;  font-size:24px;  margin-bottom:-5px; color:#ca171e;}
#dandruff { font-family: 'Apercu Pro', sans-serif;  font-size:24px; font-weight:bold; margin-bottom:20px; color:#ca171e;}

.suitable-for { margin-top:50px; display:inline-block; font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; color:#fff; padding:10px; background:#ca171e; font-size:24px; }

.suitable-container { width:960px; margin:40px auto 120px auto; }

.suitable-column { float:left; width:300px; margin:0 10px; position:relative;}

.suitable-column p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal;font-size:16px; margin:10px auto; }

.suitable-column img {  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover; /* Ensures the image doesn't stretch */ }
 
 .video-outline { border:6px solid #ff9ca0; border-radius:20px; margin-top:10px;}
 .work { position:absolute; left:-110px; top:130px; z-index:10; }
 .yoga { position:absolute; left:75px; bottom:-125px; z-index:10; }
 .dandruff { position:absolute; right:-105px; bottom:70px; z-index:10; }
 
 .work-background { position:absolute; left:-125px; top:150px; z-index:1; background:#ffd9d4; border-radius:50%; width:160px; height:160px; opacity:0.4;}
 .yoga-background { position:absolute; left:90px; bottom:-145px; z-index:1; background:#ffd9d4; border-radius:50%; width:160px; height:160px; opacity:0.4;}
 .dandruff-background { position:absolute; right:-120px; bottom:90px; z-index:1; background:#ffd9d4; border-radius:50%; width:160px; height:160px; opacity:0.4;}
 
@media only screen and (max-width: 1100px) {
 
   .suitable-for { margin-top:30px; }
   .suitable-container { width:360px; margin:20px auto 10px auto; }
   .suitable-column { float:none; width:320px; margin:20px auto; }
   .suitable-column-left-mobile { margin-left:110px; margin-top:10px; }
   .specially-formulated-for { width:320px; height:auto; }
   
   .suitable-column img { width:120px; height:120px; }
   
   .work { left:-70px; right:auto; top:135px;  z-index:10; }
   .yoga { left:-70px; right:auto; top:160px;  z-index:10; }
   .dandruff { left:-70px; right:auto; top:120px;  z-index:10; }
   
   .work-background { left:-90px; right:auto; top:155px; width:120px; height:120px;}
   .yoga-background { left:-90px; right:auto; top:180px; width:120px; height:120px;}
   .dandruff-background { left:-90px; right:auto; top:140px; width:120px; height:120px;}

}



/* How To use */


.how-to-use { width:310px; height:auto; margin-top:40px; }

.how-to-use-container { width:100%; position:relative; display:flex; align-items:stretch; }
.how-to-use-left {  
  width: 20%; 
  min-height: 500px;  
  overflow: hidden;
  position: relative;
  
  /* Use your actual image here */
  background-image: url('../img/perfectbeauty/anti-hair-loss-scalp-spray/20250805_diane_shoot_0020.webp');
    background-repeat: no-repeat; 
  background-size: cover; /* Or use 150% auto if you want more movement room */
  background-position: center center; /* Start centered */
  background-attachment: scroll; 
}
.how-to-use-right { width:80%; min-height:500px; padding-top:30px; padding-bottom:30px;  background:#ffe0e7;}
.how-to-use-title { margin:50px auto 20px auto; text-align:center; display:inline-block; font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; color:#fff; padding:10px; background:#ca171e; font-size:24px; }
.how-to-use-steps-container{
    width:max-content; 
    margin:40px auto;
}

.how-to-use-steps-container:after{
    content:"";
    display:block;
    clear:both;
}

.how-to-use-steps-column{
    float:left;
    width:135px;
    text-align:center;
    position:relative;
}

.how-to-use-steps-column + .how-to-use-steps-column{
    margin-left:80px; /* increase spacing here */
}

.how-to-use-product-title {  border:2px solid #ca171e; border-radius:30px; margin:10px 0; padding:10px 10px 10px 40px; display:inline-block; text-align:center;  font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; color:#ca171e; font-size:18px;}

.how-to-use-product-title-1, .how-to-use-product-title-2, .how-to-use-product-title-3 { position: relative; }

.how-to-use-product-title-1::before {
  content: "1";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: #ca171e;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.how-to-use-product-title-2::before {
  content: "2";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: #ca171e;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.how-to-use-product-title-3::before {
  content: "3";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: #ca171e;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}


.add-best-paired { float:left; margin-top:80px; margin-left:-200px; width:260px; height:auto; }

.add-arrow-1 { margin-left:-40px; }

.shampoo-img { z-index:2!important; }

.add-arrow-1::after { z-index:3; position:absolute; top:150px; right:-73px; content:''; background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/right_arrow.webp'); background-repeat: no-repeat; background-size: cover; width:60px; height:47px;}

.add-arrow-2::after { z-index:3;position:absolute; top:150px; right:-87px; content:''; background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/right_arrow.webp'); background-repeat: no-repeat; background-size: cover; width:60px; height:47px;}

.add-rootie::after { z-index:3; position:absolute; z-index:1; top:150px; right:-195px; content:''; background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/right_speech_bubble.webp'); background-repeat: no-repeat; background-size: cover; width:220px; height:130px;}

.add-rootie-text { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal;font-size:15px; position:absolute;  top:170px; right:-135px; z-index:2; width:120px; }

.add-rootie-img { position:absolute;  top:40px; right:-310px; z-index:1!important; width:330px; height:auto;}

@media only screen and (max-width: 1600px) {
    .how-to-use-left { float:left; width:20%; }
    .how-to-use-right { float:left; width:80%; padding-top:30px; padding-bottom:30px;}
    .how-to-use-steps-column{
    float:left;
    width:120px;
    text-align:center;
    position:relative;
}

.how-to-use-steps-column + .how-to-use-steps-column{
    margin-left:50px; 
}

.add-best-paired { margin-top:70px; margin-left:-180px; width:200px;}
.add-arrow-1::after { top:120px; right:-47px; content:''; width:40px; height:31px;}

.add-arrow-2::after {  top:120px; right:-60px; content:''; width:40px; height:31px;}

.how-to-use-product-title {  font-size:16px; padding:5px 8px 5px 30px;}

.add-rootie-img { right:-250px; width:260px;}

.how-to-use-product-title-1::before, .how-to-use-product-title-2::before, .how-to-use-product-title-3::before {

  left: 5px;
  color: #fff;
  width: 20px;
  height: 20px;
  font-size: 20px;
}

}


@media only screen and (max-width: 1100px) {
 
.how-to-use-steps-container{
    width:max-content; 
    margin:40px auto;
}

.how-to-use-steps-container:after{
    content:"";
    display:block;
    clear:both;
}

.how-to-use-steps-column{
    float:left;
    width:135px;
    text-align:center;
    position:relative;
}

 .how-to-use-steps-column:last-child{
        float:none!important;
        clear:both!important;
        margin:60px auto 0 auto;
    }
    
.how-to-use-left { float:none; width:100%; display:none; }
.how-to-use-left-mobile-effect {
  position: relative;
  min-height: 400px;
  overflow: hidden;
}

/* BACKGROUND LAYER (this moves) */
.how-to-use-left-mobile-effect .moving-bg {
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: 150%;
  background: url('../img/perfectbeauty/anti-hair-loss-scalp-spray/20250805_diane_shoot_0020.webp') no-repeat center / cover;

  will-change: transform;
  transform: translateY(var(--scroll, 0px)); 
  z-index: 1;
}

/* CONTENT (stays still) */
.how-to-use-left-mobile-effect .bg-content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  padding-top: 150px;
}
    

.how-to-use-right { float:none; width:100%; padding-top:30px; padding-bottom:30px;}

.add-best-paired { float:none; margin:20px auto -20px auto; width:220px; height:auto; }

.add-arrow-1 { margin-left:0; }

.add-arrow-1::after { position:absolute; top:150px; right:-47px; content:''; background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/right_arrow.webp'); background-repeat: no-repeat; background-size: cover; width:40px; height:31px;}
.add-arrow-2::after { top:auto; right:auto; bottom:-60px; left:-45px; transform: rotate(90deg); width:40px; height:31px;}

.add-rootie::after { position:absolute; z-index:1; top:auto; bottom:60px; right:auto; left:100px; content:''; background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/rootie_mobile.webp'); background-repeat: no-repeat; background-size: cover; width:160px; height:237px;}
 
.add-rootie-text { position:absolute; font-size:15px; top:auto; bottom:158px; right:auto; left:138px; z-index:2; width:105px; }
  
.add-rootie-img { top:auto; right:auto; width:320px; position:relative; margin:30px auto;}
  
.down-arrow { margin:60px auto; width:60px; height:47px; }  
 .add-arrow-2 {
        margin-bottom: 100px; /* adds spacing before last column */
    }
.how-to-use-product-title { margin:10px 0; padding:10px 10px 10px 40px; display:inline-block; text-align:center;  font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; color:#ca171e; font-size:18px;}

.how-to-use-product-title-1::before, .how-to-use-product-title-2::before, .how-to-use-product-title-3::before {

  left: 5px;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 24px;
}

}

/* Your Ideal Scalp Spray Solution */

.spray-solution-container { width:100%; position:relative; display:flex; align-items:stretch; 
    
    
     background: linear-gradient(100deg,
        #ca171e 0%,
        #ca171e calc(50% - 1px),
        #d28ab5 calc(50% + 1px),
        #d28ab5 100%
    );
    
}
.spray-solution-title { position:absolute; top:80px; width:600px; margin-left:-250px; left:50%; }
.spray-solution-or {
     position:absolute;
  top:325px;
  left:48%;
  width:60px;
  height:60px;
  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family: 'D-DIN Condensed', sans-serif;
  font-size:36px;
  font-weight:bold;

  background:#fff;
  color:#ca171e;
  text-align:center;
}

.spray-solution-title img { width:600px; height:auto; }
.spray-solution-left {  
  width: 50%; 
  min-height: 500px;  
  padding-top:180px;
}
.spray-solution-right {  
  width: 50%; 
  min-height: 500px; 
  padding-top:180px;

}

.spray-solution-left-content-container, .spray-solution-right-content-container { width:450px; position:relative; display:flex; margin:20px auto; }
.spray-solution-left-content-left { width:200px;  }
.spray-solution-left-content-left img {transform: rotate(-5deg); margin:0 auto; width:150px; height:auto; }
.spray-solution-product-title { text-align:center; margin:20px auto 40px auto; font-family: 'D-DIN Condensed', sans-serif; font-size:16px; font-weight:bold; background:#fff; border-radius:30px; color:#000; padding:10px;  } 
.spray-solution-left-content-right { width:250px; padding-top:20px;}
.spray-solution-left-content-right img { width:80%; margin:0 auto; }
.spray-solution-left-content-right p { font-family: 'D-DIN Condensed', sans-serif; font-size:24px; color:#fff; line-height:26px; margin:10px auto; text-align:center;}

.spray-solution-right-content-right { width:200px;  }
.spray-solution-right-content-right img {transform: rotate(5deg); margin:0 auto; width:125px; height:auto;}
.spray-solution-right-content-left { width:250px; padding-top:20px;}
.spray-solution-right-content-left img { width:80%; margin:0 auto; }
.spray-solution-right-content-left p { font-family: 'D-DIN Condensed', sans-serif; font-size:24px; color:#fff; line-height:26px; margin:10px auto; text-align:center;}

.tick-point { color:#fff!important; }

.hair-fall-concerns-disclaimer { width:80%; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-size:12px;line-height:16px; color:#fff; margin:20px auto; }

.spray-solution-right-content-right a { transition:0.3s; }
.spray-solution-right-content-right a:hover { opacity:0.7; } 

@media (max-width: 1100px) {

    .spray-solution-container {
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: #ca171e; /* top color */
    }

    /* SLANTED DIVIDER */
    .spray-solution-container::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        background: #d28ab5;
        clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
        z-index: 1;
    }

    /* KEEP CONTENT ABOVE BACKGROUND */
    .spray-solution-left,
    .spray-solution-right,
    .spray-solution-title {
        position: relative;
        z-index: 2;
    }

    /* SECTIONS */
    .spray-solution-left,
    .spray-solution-right {
        width: 100%;
        min-height: auto;
        padding: 40px 0;
    }

    /* TITLE */
    .spray-solution-title {
        position: relative;
        top: auto;
        left: auto;
        margin: 30px auto 10px auto;
        width: 80%;
        text-align: center;
    }

    .spray-solution-title img {
        width: 100%;
        height: auto;
    }

    /* CONTENT WRAPPER */
      .spray-solution-left-content-container,
    .spray-solution-right-content-container {
        flex-direction: row;
        justify-content: flex-start; /* align everything to left */
        align-items: center;
        gap: 10px;
    }

    /* FORCE CONSISTENT ORDER (IMAGE → TEXT) */
       .spray-solution-left-content-left,
    .spray-solution-right-content-right {
        width: 40%;
        margin:0 auto;
    }

    
       .spray-solution-right-content-right {
        order: 1;  /* IMAGE first */
    }

    .spray-solution-right-content-left {
        order: 2;  /* TEXT second */
    }

    /* IMAGES */
    .spray-solution-left-content-left img {
    width: 120px;
    transform: rotate(-3deg);
    margin: 0 auto 10px auto;
}

.spray-solution-right-content-right img {
    width: 110px;
    transform: rotate(3deg);
     margin: 0 auto 10px auto;
    display: block;       /* important for margin to behave properly */
}

.spray-solution-left-content-right img,
.spray-solution-right-content-left img {
    width: 70%;
    margin: 0 auto;       /* these stay centered */
}

    /* TEXT */
    .spray-solution-left-content-right p,
    .spray-solution-right-content-left p {
        font-size: 18px;
        line-height: 22px;
        margin: 10px auto;
    }

    .spray-solution-product-title {
         display: inline-block;   /* shrink to content */
        width: 80%;             /* remove full width */
        max-width: 90%;          /* prevent overflow */
        margin: 15px auto 25px auto;
        text-align: center;
        padding:10px;
    }
    
    .spray-solution-left-content-left img {
        width: 60%;
        max-width: 160px;
    }

    .spray-solution-right-content-right img {
        width: 45%;        /* smaller */
        max-width: 135px;
    }

    .hair-fall-concerns-disclaimer {
        width: 90%;
        font-size: 11px;
        line-height: 15px;
        text-align: center;
        margin: 20px auto;
    }
.tick-container-550 {
        width: max-content;        /* shrink to content */
        margin: 0 auto;            /* center the whole block */
    }

    .tick-container-550 .tick,
    .tick-container-550 .tick-point {
        float: left;               /* keep original layout */
    }

    .tick-container-550 .clearfix {
        clear: both;
    }
    
    .spray-solution-or { display:none; }

}



/* Which Spray to Use */

.which-spray-info-background { background:url('../img/perfectbeauty/anti-hair-loss-scalp-spray/light_pink_footer.webp'); background-repeat: no-repeat; background-size: cover; width:100%; height:auto; min-height:500px; padding-top:80px; padding-bottom:60px } 

.which-spray-info-container { width:600px; margin:20px auto 0 auto; }

@media only screen and (max-width: 1100px) {
    .which-spray-info-background { min-height:auto; }
    .which-spray-info-container { width:100%; padding-bottom:60px; }
}