/** Shopify CDN: Minification failed

Line 21:12 Expected identifier but found whitespace
Line 21:14 Unexpected "{"
Line 21:23 Expected ":"
Line 21:50 Unexpected "40px"
Line 21:56 Unexpected "{"
Line 21:65 Expected ":"
Line 21:94 Expected ":"
Line 284:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:before-after-comparison (INDEX:2) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

  .ba-section {
    padding: {{ section.settings.padding_top }}px 40px {{ section.settings.padding_bottom }}px;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }

  .ba-container {
    display: flex;
    gap: 48px;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
  }

  .ba-content {
    flex: 1;
    min-width: 0;
    text-align: center;
  }

  .ba-slider-wrapper {
    flex: 1.2;
    min-width: 0;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    user-select: none;
    cursor: ew-resize;
  }

  .ba-before-img {
    display: block;
    width: 100%;
    height: auto;
  }

  .ba-after-side {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: inset(0 50% 0 0);
  }

  .ba-after-side img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ba-divider {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background: #4BBFB8;
    transform: translateX(-50%);
    z-index: 10;
  }

  .ba-handle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: #4BBFB8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  }

  .ba-label {
    position: absolute;
    top: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    background: rgba(0,0,0,0.45);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    z-index: 11;
  }

  .ba-label-before { left: 12px; }
  .ba-label-after { right: 12px; }

  .ba-heading {
    font-size: 4rem; /* ← era 3.2rem */
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 20px 0;
    color: #1a1a2e;
    letter-spacing: -0.5px;
  }

  .ba-heading .highlight {
    color: #4BBFB8;
    font-style: italic;
  }

  .ba-subheading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem; /* ← era 1.1rem */
    line-height: 1.75;
    color: #444;
    margin-bottom: 28px;
    font-weight: 400;
  }

  .ba-subheading .highlight-text {
    color: #4BBFB8;
    font-weight: 600;
  }

  .ba-bullets {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    width: fit-content;
  }

  .ba-bullets li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem; /* ← era 1rem */
    line-height: 1.5;
    color: #1a1a2e;
    font-weight: 500;
  }

  .ba-checkmark {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background-color: #4BBFB8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }

  .ba-checkmark svg {
    width: 13px;
    height: 13px;
  }

  /* Mobile */
  .ba-slider-mobile {
    display: none;
  }

  @media (max-width: 768px) {
    .ba-section {
      padding: 0;
    }

    .ba-container {
      flex-direction: column;
      gap: 0;
    }

    .ba-slider-wrapper {
      display: none;
    }

    .ba-slider-mobile {
      display: block;
      position: relative;
      width: 100%;
      overflow: hidden;
      cursor: ew-resize;
      user-select: none;
    }

    .ba-slider-mobile .ba-before-img {
      display: block;
      width: 100%;
      height: auto;
    }

    .ba-slider-mobile .ba-after-side {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: inset(0 50% 0 0);
    }

    .ba-slider-mobile .ba-after-side img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .ba-slider-mobile .ba-divider {
      position: absolute;
      top: 0;
      left: 50%;
      width: 4px;
      height: 100%;
      background: #4BBFB8;
      transform: translateX(-50%);
      z-index: 10;
    }

    .ba-slider-mobile .ba-handle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      background: #4BBFB8;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 16px;
      font-weight: 700;
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }

    .ba-content {
      padding: 32px 20px;
      text-align: center;
    }

    .ba-heading {
      font-size: 2.8rem; /* ← era 2.2rem */
    }

    .ba-subheading {
      font-size: 1.25rem; /* ← era 1rem */
    }

    .ba-bullets li {
      font-size: 1.1rem; /* ← era 0.95rem */
    }
  }
/* END_SECTION:before-after-comparison */

/* START_SECTION:glass-skin-section (INDEX:25) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

 .glass-skin-section {
   padding: 60px 40px;
   background: #fff;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 }

 .glass-skin-container {
   display: flex;
   gap: 48px;
   align-items: center;
   max-width: 1400px;
   margin: 0 auto;
 }

 .glass-skin-content {
   flex: 1;
   min-width: 0;
 }

 .glass-skin-image-wrapper {
   flex: 1.2;
   min-width: 0;
 }

 .glass-skin-image-mobile {
   display: none;
 }

 .glass-skin-image {
   width: 100%;
   height: auto;
   display: block;
 }

 .glass-skin-heading {
   font-size: 4rem;
   font-weight: 800;
   line-height: 1.2;
   margin: 0 0 20px 0;
   color: #1a1a2e;
   letter-spacing: -0.5px;
 }

 .glass-skin-heading .highlight {
   color: #5dcac5;
   font-style: italic;
 }

 .glass-skin-subheading {
   font-family: 'Montserrat', sans-serif;
   font-size: 1.4rem;
   line-height: 1.75;
   color: #444;
   margin-bottom: 28px;
   font-weight: 400;
 }

 .glass-skin-subheading .highlight-text {
   color: #5dcac5;
   font-weight: 600;
 }

 .glass-skin-bullets {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 14px;
 }

 .glass-skin-bullets li {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   font-family: 'Montserrat', sans-serif;
   font-size: 1.2rem;
   line-height: 1.5;
   color: #1a1a2e;
   font-weight: 500;
 }

 .glass-skin-checkmark {
   flex-shrink: 0;
   width: 22px;
   height: 22px;
   background-color: #5dcac5;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 1px;
 }

 .glass-skin-checkmark svg {
   width: 12px;
   height: 12px;
   fill: none;
   stroke: #fff;
   stroke-width: 2.5;
   stroke-linecap: round;
   stroke-linejoin: round;
 }

 @media (max-width: 768px) {
  .glass-skin-section {
    padding: 0 0 30px 0;
    background: #fff;
  }

   .glass-skin-container {
     flex-direction: column;
     gap: 0;
   }

   .glass-skin-image-wrapper {
     display: none;
   }

   .glass-skin-image-mobile {
     display: block;
     width: 100%;
   }

   .glass-skin-image-mobile img {
     width: 100%;
     height: auto;
     display: block;
     image-rendering: -webkit-optimize-contrast;
     image-rendering: crisp-edges;
   }

   .glass-skin-content {
     padding: 32px 20px;
     text-align: center;
   }

   .glass-skin-heading {
     font-size: 2.8rem;
   }

  .glass-skin-subheading {
    font-size: 1.4rem;
    font-weight: 500;
    color: #222;
    line-height: 1.75;
  }

   .glass-skin-bullets {
     align-items: center;
   }

   .glass-skin-bullets li {
     font-size: 1.3rem;
     text-align: left;
     max-width: 280px;
   }
 }
/* END_SECTION:glass-skin-section */