/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 10 2025 | 06:26:11 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* ul.products li.product a.ct-media-container{pointer-events:none} */

/* Existing desktop styles (unchanged) */

.home-regimen-row .vc_row.vc_inner:nth-child(2) {
  top: calc(var(--gap)*1/3);
}

.home-regimen-row .vc_row.vc_inner:nth-child(3) {
  top: calc(var(--gap)*2/3);
}

.home-regimen-row .vc_row.vc_inner:nth-child(4) {
  top: calc(var(--gap)*3/3);
}

.home-regimen-row .vc_row.vc_inner:nth-child(5) {
  top: calc(var(--gap)*4/3);
}

.home-regimen-row .vc_row.vc_inner.custom-scale-1 {
  transform-origin: top center;
  transform: scale(0.9) !important;
  transition: all 250ms ease-out !important; 
} 

.home-regimen-row .vc_row.vc_inner.custom-scale-2 { 
  transform-origin: top center; 
  transform: scale(0.8) !important; 
  transition: all 250ms ease-out !important; 
} 

.home-regimen-row .vc_row.vc_inner.custom-scale-3 { 
  transform-origin: top center; 
  transform: scale(0.7) !important; 
  transition: all 250ms ease-out !important; 
} 

.home-regimen-row .vc_row.vc_inner.custom-scale-4 { 
  transform-origin: top center; 
  transform: scale(0.6) !important; 
  transition: all 250ms ease-out !important; 
}

@media (max-width: 1024px) {
  html, body {
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
    overscroll-behavior-y: contain;
    scroll-padding-top: 25vh; /* 👈 adds top gap before each animation triggers */
	 scroll-snap-stop: always;
  }

  /* Optional: Add breathing space around each card */
  .home-regimen-row .vc_row.vc_inner {
    margin-top: 60px;
    margin-bottom: 60px;
	scroll-padding-top: 25vh;
  }
}

/* .home-regimen-row {
	position: relative;
	min-height: calc(100vh - 120px);
} */