/** Shopify CDN: Minification failed

Line 168:0 Expected "}" to go with "{"

**/



.routine-header-wrap h2 {
  font-size: 36px!important;
  padding-top: 30px!important;
}

.routine-section .steps-wrap {
margin-bottom: 0!important;
padding-bottom: 0;
}

  .routine-section .image-element__wrap {
   
    border-radius: 50%;
    scale: 1;
    transition: all 0.5s ease;
  }

  .routine-section .product-thumbnail__title {
    font-weight: bold;
  }

  .routine-section .product-image__wrapper {
    padding: 20px;
  }

  .routine-section .thumbnail__caption {
    margin-top: 20px;
  }

  .routine-section .product-wrap {
    position: relative;
  }
  
    .routine-section .steps-wrap:last-child .routine-arrow {
      display: none;
    }
 

    .routine-section .routine-arrow {
      position: relative;
      display: flex;
      justify-content: flex-end;
      top: -60%;
      left: 40px;
      transition: opacity 0.3s ease;
      opacity: 1;  /* Start with arrows visible */
    }

   

    .routine-section .product-wrap h3 {
      border: solid;
      border-radius: 20px;
      max-width: 140px;
      margin: auto;
      
      border-width: thin;
      
      color: white;
    }


    .routine-section .image-element__wrap {
      position: relative;
      z-index: 10;
    }

 

    .routine-section img {
      position: relative;
      z-index: 10;
      scale: 1;
      transition: all 0.5s ease;
    }


    .routine-section .image-element__wrap:hover,
    .routine-link:hover .image-element__wrap {
      scale: 1.2;
    }

    .routine-section img:hover,
    .routine-link:hover img {
      scale: 1.2;
    }

 

    /* Simple h3 hover effects */
    .routine-link h3 {
      transition: transform 0.3s ease;
      transform: scale(1);
    }


    .routine-section h2 {
      font-size: 30px;
    }

    .routine-link h3:hover {
      transform: scale(1.2);
    }

    /* Show arrows on routine-link hover */
    .routine-link:hover .routine-arrow {
      opacity: 1;
    }







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

      .routine-header-wrap h2 {
        font-size: 30px!important;
       
      }

      .routine-section .featured-collection__button-container {
        
        margin-top: 20px!important;
        }

    .routine-section .routine-arrow {
      position: relative;
      justify-content: center;
      rotate: 90deg;
      top: 0;
      left: 0;
    
  }





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


      .routine-section .medium-down--one-half {
          width: calc(100% - 20px);
      }

 


.routine-section .product-wrap h3 {
  padding: 10px;
}



  }