/** Shopify CDN: Minification failed

Line 2147:13 Cannot use type selector "--full" directly after nesting selector "&"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:ms-404 (INDEX:44) */
section.ms-404 {
    background-image: linear-gradient(to bottom, var(--color-purple), var(--color-lightpurple));
    min-height: 80vh;
    padding: 65px 45px;
    display: flex;
    align-items: center;

    .content-wrapper {
      .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      img {
        width: 75%;
        display: block;
        margin: 0 auto;
        max-width: 500px;
        margin-bottom: 65px;
      }

      h1 {
        text-align: center;
      }

      h3 {
        text-align: center;
      }

      .link-wrapper {
        display: flex;
        justify-content: center;
      }
    }

    @media (max-width: 1024px) {
      padding: 65px 25px;
    }
    
    @media (max-width: 768px) {
      padding: 65px 20px;
    }
  }
/* END_SECTION:ms-404 */

/* START_SECTION:ms-about-hero (INDEX:45) */
section.ms-about-hero {
    padding: 25px 45px 45px;

    .content-wrapper {
      height: 100%;
      max-width: 1400px;
      margin: 0 auto;
      background-size: cover;
      background-position: top right;
      height: 450px;
      border-radius: 35px;
      padding: 85px 65px;

      .content {
        height: 100%;
        max-width: 500px;
        display: flex;
        flex-direction: column;
        justify-content: center;

        .reviews {
          display: flex;
          gap: 10px;
          align-items: center;
          margin-bottom: 15px;

          .star-wrapper {
            display: flex;
            gap: 5px;
            position: relative;
            top: -2px;

            svg {
              width: 20px;
              height: 20px;
            }
          }

          p {
            margin: 0;
            font-size: 14px;
          }
        }

        h1 {
          color: var(--color-darkpurple);
        }

        p {
          color: var(--color-black);
        }

        .link-wrapper {
          margin-top: 10px;
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 25px 25px;

      .content-wrapper {
        padding: 65px 35px;
        height: auto;

        .content {
          max-width: 420px;
        }
      }
    }

    @media (max-width: 768px) {
      padding: 20px 20px;

      .content-wrapper {
        .content {
          max-width: 320px;

          .reviews {
            .star-wrapper {
              gap: 3px;
              top: -1px;

              svg {
                width: 15px;
                height: 15px;
              }
            }
          }
        }
      }
    }

    @media (max-width: 600px) {
      .content-wrapper {
        height: 550px;
        background-position: center;
        padding: 25px;

        .content {
          max-width: none;
          justify-content: flex-start;
          align-items: center;

          .reviews {
            margin-bottom: 10px;
            .star-wrapper {
              svg {
                width: 12px;
              }
            }
            p {
              font-size: 11px;
              letter-spacing: 0;
            }
          }

          h1 {
            text-align: center;
            margin-bottom: 5px;
          }

          .paragraph {
            text-align: center;
          }
        }
      }
    }
  }
/* END_SECTION:ms-about-hero */

/* START_SECTION:ms-about-image-text-grid (INDEX:46) */
.ms-about-image-text-grid {
    padding: 25px 45px;     

    .content-wrapper {
      display: flex;
      gap: 25px;

      .column {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 25px;

        .item-wrapper {
          border-radius: 25px;

          &.image-wrapper {
            aspect-ratio: 1;
            overflow: hidden;
            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }

          &.text-wrapper {
            background-color: var(--color-lightpurple);
            padding: 25px;
            border-radius: 25px;

            h2 {
              color: var(--color-darkpurple);
            }

            p {
              strong {
                color: var(--color-darkpurple);
              }
            }
          }
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 25px 25px;
    }

    @media (max-width: 768px) {
      padding: 25px 20px;
      .content-wrapper {
        gap: 15px;

        .column {
          gap: 15px;
          .item-wrapper {
            border-radius: 15px;
          }
        }
      }
    }

    @media (max-width: 600px) {
      padding: 25px 20px;

      .content-wrapper {
        flex-direction: column-reverse;
        .column {
          width: 100%;
        }
      }
    }
  }
/* END_SECTION:ms-about-image-text-grid */

/* START_SECTION:ms-anchor-target (INDEX:47) */
section.ms-anchor-target {
    height: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
  }
/* END_SECTION:ms-anchor-target */

/* START_SECTION:ms-article (INDEX:48) */
section.ms-article {
    padding: 45px;

    .hero {
      aspect-ratio: 2;
      overflow: hidden;
      border-radius: 25px;
      max-width: 1000px;
      margin: 0 auto 65px;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 25px;
        object-position: top;
      }
    }

    h2 {
      margin-top: 35px;
    }

    p, ul, li, a, span {
      color: var(--color-black);
    }

    @media (max-width: 1024px) {
      padding: 45px 25px;
    }

    @media (max-width: 768px) {
      padding: 25px 20px;
    }
  }
/* END_SECTION:ms-article */

/* START_SECTION:ms-blog-banner-filters (INDEX:49) */
section.ms-blog-banner-filters {
    padding: 25px 0 0;

    .banner-wrapper {
      background-color: #EFEFFF;

      .content-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 25px 45px;

        h2 {
          color: var(--color-darkpurple);
          font-family: var(--font-main-medium);
          font-weight: 400;
          font-size: 32px;
          margin: 0;
          flex-shrink: 0;
        }

        .filters {
          display: flex;
          justify-content: flex-end;
          gap: 15px;

          button.btn {
            padding: 10px 20px;
            background-color: white;
            border: solid 1px var(--color-darkpurple);
            border-radius: 25px;
            font-family: var(--font-main);
            font-size: 16px;
            color: var(--color-darkpurple);
            min-width: 135px;
            cursor: pointer;

            &.active {
              background-color: var(--color-darkpurple);
              color: white;
            }
          }
        }

        .filter-mobile-group {
          display: none;
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 25px 0 0;

      .banner-wrapper {
        .content-wrapper {
          padding: 25px;

          h2 {
            font-size: 28px;
            line-height: 28px;
          }

          .filters {
            gap: 10px;
            button.btn {
              font-size: 14px;
              padding: 7px 15px;
              min-width: 100px;
            }
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 20px 0 0;

      .banner-wrapper {
        .content-wrapper {
          padding: 20px;
          gap: 15px;

          h2 {
            font-size: 22px;
            line-height: 22px;
            flex: 1;
          }

          .filters {
            display: none;
          }

          .filter-mobile-group {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 3px;
            width: 175px;

            select.filters-select {
              width: 100%;
              appearance: none;
              -webkit-appearance: none;
              padding: 10px 40px 10px 20px;
              background-color: white;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234C4184' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-position: right 16px center;
              border: solid 1px var(--color-darkpurple);
              border-radius: 25px;
              font-family: var(--font-main);
              font-size: 16px;
              color: var(--color-darkpurple);
              cursor: pointer;
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-blog-banner-filters */

/* START_SECTION:ms-blog-hero (INDEX:50) */
section.ms-blog-hero {
    .content-wrapper {
      height: 450px;
      background-size: cover;
      background-position: center; 
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
      position: relative;

      .content {
        width: 50%;
        height: 100%;
        float: right;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-right: 20px;

        h1 {
          color: white;
          font-size: 53px;
          line-height: 53px;
          font-weight: 500;
          font-family: var(--font-main-medium);
        }

        p {
          color: white;
          max-width: 500px;
          text-wrap: balance;
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 25px;
        }

        a.btn {
          background-color: #EFEFFF;
          color: var(--color-darkpurple);
          font-family: var(--font-main-medium);
          font-weight: 500;
          font-size: 18px;
          padding: 14px 25px;

          &:hover {
            background-color: var(--color-mediumpurple);
          }
        }

      }
    }

    @media (max-width: 768px) {
      .content-wrapper {
        height: 260px;
        background-position: bottom;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;

        .content {
          float: none;
          width: 100%;
          padding: 0 25px;

          h1 {
            font-size: 34px;
            line-height: 34px;
            
          }

          p {
            font-size: 16px;
            line-height: 22px;
          }

          a.btn {
            font-size: 16px;
            padding: 10px 20px;
          }
        }
      }
    }
  }
/* END_SECTION:ms-blog-hero */

/* START_SECTION:ms-collection-cards (INDEX:51) */
section.ms-collection-cards {
    padding: 0 25px 85px;

    .content-wrapper {
      .card-grid {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        gap: 20px;

        .grid-item {
          aspect-ratio: 0.8;
          border-radius: 25px;
          overflow: hidden;
          background-size: cover;
          background-position: center;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 25px;

          .content {
            background-color: rgba(255,255,255,0.3);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 25px 35px;
            border-radius: 15px;
            width: 95%;
            border: solid 2px rgba(255,255,255,0.2);

            h2 {
              text-align: center;
              margin-bottom: 10px;
            }

            p {
              text-align: center;
            }

            .link-wrapper {
              margin-top: 10px;
            }
          }
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 0 20px 65px;
    }

    @media (max-width: 768px) {
      padding: 0 20px 45px;

      .content-wrapper {
        .card-grid {
          grid-template-columns: minmax(0,1fr);

          .grid-item {
            border-radius: 15px;
            padding: 20px;

            .content {
              width: 100%;
              padding: 25px;
              border-radius: 15px;
              background-color: rgba(255,255,255,0.5);

              h2 {
                font-size: 26px;
              }
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-collection-cards */

/* START_SECTION:ms-collection-hero (INDEX:52) */
.ms-collection-hero {
    padding: 15px 25px 0;
    background-color: white;
    .content-wrapper {
      .content {
        max-width: 900px;
        margin: 0 auto;
        .reviews {
          display: flex;
          gap: 10px;
          align-items: center;
          justify-content: center;
          margin-bottom: 5px;

          .star-wrapper {
            display: flex;
            gap: 2px;
            position: relative;
            top: -2px;

            svg {
              width: 12px;
              height: 12px;
            }
          }

          p {
            margin: 0;
            font-size: 14px;
            line-height: 16px;
            position: relative;
            top: -2px;
          }
        }
        
        h1 {
          color: var(--color-darkpurple);
          text-align: center;
          margin: 0;
          font-weight: 300;
        }
      }
    }

    @media (max-width: 768px) {
      padding: 15px 20px 0;

      .content-wrapper {
        .content {
          .reviews {
            margin-bottom: 5px;
          }
        }
      }
    }
  }
/* END_SECTION:ms-collection-hero */

/* START_SECTION:ms-collection-links (INDEX:53) */
section.ms-collection-links {
    padding: 15px 0;

    .content-wrapper {
      max-width: 1000px;
      margin: 0 auto;
      align-items: center;
      display: flex;
      justify-content: center;
      gap: 15px;

      h5 {
        margin: 0;
        text-align: center;
        color: var(--color-darkpurple);
        font-size: 16px;

      }

      .links-wrapper {
        display: flex;
        gap: 12px;
        justify-content: center;
        align-items: center;



        a.btn {
          padding: 10px 20px;
          font-size: 16px;
          background-color: transparent;
          border: solid 2px var(--color-darkpurple);
          color: var(--color-darkpurple);

          &.current {
            /* background-color: var(--color-darkpurple);
            color: var(--color-darkpurple);
            color: white; */
            display: none;
          }

          &:hover {
            background-color: var(--color-lightpurple);

            &.current {
              color: var(--color-darkpurple);
            }
          }
        }
      }
    }

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

    @media (max-width: 600px) {
      .content-wrapper {
        flex-direction: column;
        gap: 10px;

        .links-wrapper {
          gap: 8px;

          a.btn {
            padding: 5px 10px;
            font-size: 14px;
            line-height: 15px;
            border-width: 1px;
          }

        }
      }
    }
  }
/* END_SECTION:ms-collection-links */

/* START_SECTION:ms-collection-slider (INDEX:54) */
.ms-collection-slider {
    padding: 0 25px 25px;
    background-color: var(--color-lightpurple);
    overflow: hidden;
    
    .content-wrapper {
      .swiper {
        overflow: visible;
      }
      .slide-wrapper {
        aspect-ratio: 1;
        a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative;
          background-size: cover;
          border-radius: 15px;

          &:before {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(to top, var(--color-mediumpurple) 45px, transparent);
            z-index: 1;
            border-radius: 15px;
            transition: 0.4s;
          }

          h3 {
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translateX(-50%);
            color: var(--color-darkpurple);
            z-index: 2;
            font-weight: 400;
            letter-spacing: 0.5px;
            margin: 0;
            font-size: 18px;
          }

          &:hover {
            &:before {
              opacity: 0.75;
            }
          }


        }
      }
    }

    @media (max-width: 1024px) {

    }

    @media (max-width: 768px) {
      padding: 0 20px;

      .content-wrapper {
        .slide-wrapper {
          a {
            &:before {
              opacity: 0.75;
            }

            h3 {
              font-size: 16px;
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-collection-slider */

/* START_SECTION:ms-collection-title (INDEX:55) */
section.ms-collection-title {
    padding: 45px 25px;

    .content-wrapper {
      display: flex;
      justify-content: space-between;
      gap: 45px;

      .content {
        width: 50%;
      }

      .stats {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 20px;

        .stat-single {
          background-color: var(--color-mediumpurple);
          border-radius: 25px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 0 15px;
          width: 140px;
          min-height: 125px;

          .number-wrapper {
            display: flex;
            align-items: center;


            span.number {
              font-size: 28px;
              line-height: 28px;
              color: var(--color-darkpurple);
              font-weight: 500;
            }

            span.suffix {
              font-size: 28px;
              line-height: 28px;
              color: var(--color-darkpurple);
              font-weight: 500;
            }
          }

          .text-wrapper {
            p {
              font-size: 13px;
              line-height: 16px;
              margin: 5px 0 0;
              text-align: center;
              color: var(--color-darkpurple);
            }
          }
        }
      }
    }

    @media (max-width: 768px) {
      display: none;
    }
  }
/* END_SECTION:ms-collection-title */

/* START_SECTION:ms-contact-form (INDEX:56) */
.ms-contact-form {
    padding: 45px 65px;
    font-family: var(--font-main);

    .content-wrapper {
      display: block;
      max-width: 1000px;
    }

    .heading {
      margin-bottom: 10px;

      h2 {
        text-align: center;
        color: var(--color-darkpurple);
      }
    }

    .subheading {
      margin-bottom: 35px;
      text-align: center;
    }

    .form-success {
      padding: 15px 20px;
      margin-bottom: 25px;
      background: #e6f4ea;
      border-left: 4px solid #34a853;
    }

    .form-errors {
      padding: 15px 20px;
      margin-bottom: 25px;
      background: #fce8e6;
      border-left: 4px solid #ea4335;
      list-style: none;
    }

    .form-fields {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .field {
      display: flex;
      flex-direction: column;
      gap: 8px;

      &.full-width {
        grid-column: 1 / -1;
      }

      label {
        font-size: 16px;
        font-weight: 500;
        color: var(--color-darkpurple);
      }

      input,
      textarea {
        width: 100%;
        padding: 12px 16px;
        border: 2px solid var(--color-darkpurple);
        border-radius: 12px;
        font-family: var(--font-main);
        font-size: 16px;
        background: #fff;
        outline: none;
        transition: border-color 0.2s ease;

      }

      textarea {
        resize: vertical;
        border-radius: 12px;
        padding-top: 30px;
        min-height: 120px;
      }
    }

    .submit-field {
      margin-top: 15px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .btn {
      display: inline-block;
      font-family: var(--font-main);
      font-size: 16px;
      line-height: 0;
      padding: 15px 35px;
      cursor: pointer;
      text-decoration: none;
      border: none;
      transition: all 0.2s ease;
      background: var(--color-darkpurple);
      color: white;  
      padding: 20px 25px;
      border-radius: 50px;   

      &:hover {
        opacity: 0.85;
      }
    }

    @media (max-width: 1024px) {
      padding: 65px 45px;
    }

    @media (max-width: 768px) {
      padding: 45px 25px;
    }
  }
/* END_SECTION:ms-contact-form */

/* START_SECTION:ms-content (INDEX:57) */
section.ms-content {
    padding: 25px 45px 45px;
    background-color: #f1f1ff;
    h2 {
      font-size: 22px;
      line-height: 38px;
      margin: 20px 0 5px;color: var(--color-darkpurple);
      strong {
        font-weight: 500;
      }
    }

    h3 {
      margin: 20px 0 5px;
      font-size: 18px;color: var(--color-darkpurple);
      strong {
        font-weight: 500;
      }
    }

    p {
      color: var(--color-darkpurple);
      strong {
        font-weight: 600;
      }
    }

    ul {
      margin: 10px 0;
    }

    ol {
      li::marker {
        font-size: 16px;
        font-family: var(--font-body);
        font-weight: 500;
      }
    }

    a {
      font-family: var(--font-body);
      color: var(--color-darkpurple);
    }

    @media (max-width: 1024px) {
      padding: 0 25px 45px 25px;
    }
    
    @media (max-width: 768px) {
      padding: 0 20px 45px;
    }
  }
/* END_SECTION:ms-content */

/* START_SECTION:ms-countdown (INDEX:58) */
.ms-countdown-timer-wrapper {
    position: sticky;
    top: 0px;
    z-index: 2 !important; 
    width: 100%;
    background-color: white;
  }

  section.ms-countdown {
    padding: 5px 25px;
    font-family: var(--font-main);

    .content-wrapper {
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;

      .label-group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;

        .countdown-label {
          white-space: nowrap;
          letter-spacing: 0.04em;

          p { margin: 0; 
            strong {
              font-weight: 600;
            }
          }

          &.top {
            p {
              font-size: 15px;
              font-weight: 400;
              line-height: 20px;
            }
            
          }

          &.bottom {
            p {
              font-size: 15px;
              font-weight: 400;
              line-height: 20px;
            }
            
          }

          &.mobile {
            display: none;
          }
        }
      }

      .ticker-group {
        display: flex;
        align-items: center;
        gap: 6px;

        .separator {
          font-size: 18px;
          font-weight: 400;
          line-height: 1;
          margin-bottom: 1px;
        }

        .tick-box {
          border-radius: 4px;
          padding: 3px 5px;
          display: flex;
          flex-direction: column;
          align-items: center;
          min-width: 34px;

          .tick-number {
            font-size: 12px;
            font-weight: 500;
            line-height: 12px;
          }

          .tick-label {
            font-size: 9px;
            line-height: 9px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.06em;
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 3px 15px;

      .content-wrapper {
        gap: 10px;

        .label-group {
          justify-content: center;

          .countdown-label {
            &.top p { font-size: 12px; }
            &.bottom p { font-size: 12px; }
          }
        }

        .ticker-group {
          gap: 4px;

          .tick-box {
            min-width: 34px;
            padding: 3px 5px;

            .tick-number { font-size: 12px; }
            .tick-label { font-size: 8px; }
          }
        }
      }
    }

    @media (max-width: 600px) {
      .content-wrapper {
        gap: 15px;

        .label-group {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 0;

          .countdown-label {
            display: none;
            &.top p {
              font-size: 12px;
              line-height: 15px;
            }

            &.bottom p {
              font-size: 12px;
              line-height: 15px;
            }

            &.mobile {
              display: block;
              &.top p {
                font-size: 12px;
                line-height: 15px;
                letter-spacing: 0.2px;
              }

              &.bottom p {
                font-size: 10px;
                line-height: 15px;
                letter-spacing: 0.2px;
              }
            }
          }
        }

        .ticker-group {
          .tick-box {
            width: 26px;
            min-width: 0;
          }
        }
      }
    }
  }
/* END_SECTION:ms-countdown */

/* START_SECTION:ms-dawn-shop-hero (INDEX:59) */
section.ms-dawn-shop-hero {
    height: 480px;
    background-size: cover;
    background-position: right center;
    padding: 0 25px;

    .content-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;

        .reviews {
            display: flex;
            gap: 10px;
            align-items: center;
            margin-bottom: 10px;
            .star-wrapper {
                display: flex;
                gap: 3px;
                position: relative;
                top: -2px;
                margin-bottom: 0; 

                svg {
                width: 14px;
                height: 14px;
                }
            }

            .ms-review-total {
                p {
                    font-size: 14px;
                    line-height: 14px;
                    margin: 0;
                }
            }
        }



        h1 {
            color: var(--color-darkpurple);
            max-width: 700px;
            text-wrap: balance;
            font-size: 42px;
            line-height: 55px;
        }

        p {
            font-size: 22px;
            line-height: 34px;
            letter-spacing: 0;
            color: var(--color-black);
            max-width: 700px;
            text-wrap: balance;
        }
    }

    @media (max-width: 1024px) {
        height: 350px;
        .content-wrapper {
            h1 {
                font-size: 32px;
                line-height: 42px;
            }

            p {
                font-size: 18px;
                line-height: 30px;
                max-width: 450px;
            }
        }
    }

    @media (max-width: 768px) {
        display: none;
    }
  }
/* END_SECTION:ms-dawn-shop-hero */

/* START_SECTION:ms-dropdowns-video (INDEX:60) */
section.ms-dropdowns-video {
    padding: 65px 25px;

    .content-wrapper {
      display: flex;
      align-items: center;
      gap: 65px;

      .content {
        width: 50%;

        .video-wrapper {
          display: none;
        }

        .text {
          margin-bottom: 25px;
        }

        .dropdown-single {
          background-color: white;
          border-radius: 15px;
          padding: 20px 25px 10px;

          .dropdown-toggle {
            display: flex;
            gap: 25px;
            justify-content: space-between;

            h4 {
              margin: 0;
              font-weight: 400;
              font-size: 18px;
            }

            svg {
               width: 30px;
               height: 30px;
               border-radius: 50px;
               background-color: var(--color-darkpurple);
               fill: white;
            }
          }

          .dropdown-content {
            p {
              color: var(--color-darkpurple);
            }
          }
        }
      }

      .media-wrapper {
        width: 50%;

        .video-wrapper {
          position: relative;
          width: 100%;
          height: 100%;
          
          video {
            display: block;
            width: 100%;
            border-radius: 35px;
          }
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 45px 20px;

      .content-wrapper {
        flex-direction: column;

        .content {
          width: 100%;

          h2 {
            text-align: center;
          }

          .text {
            text-align: center;
            max-width: 600px;
            margin: 0 auto 25px;
          }

          .video-wrapper {
            display: block;
            max-width: 600px;
            margin: 0 auto 20px;
            width: 100%;
            video {
              border-radius: 25px;
              width: 100%;
            }
          }

          .dropdowns {
            max-width: 600px;
            margin: 0 auto;

            .dropdown-single {
              padding: 15px 20px 5px;
            }
          }
        }

        .media-wrapper {
          display: none;
        }
      }
    }

    @media (max-width: 768px) {
      padding: 35px 20px;

      .content-wrapper {
        .content {
          .dropdowns {
            .dropdown-single {
              padding: 10px 11px 0 13px;
              border-radius: 10px;

              .dropdown-toggle {
                h4 {
                  font-size: 17px;
                }
              }
            }
          }
        }
      }

    }
  }
/* END_SECTION:ms-dropdowns-video */

/* START_SECTION:ms-dropdowns (INDEX:61) */
.ms-dropdowns {
    padding: 0 45px 45px;
    .content-wrapper {
      max-width: 1000px;
      .heading {
        margin-bottom: 45px;

        h2 {
          text-align: center;
        }
        .text {
          max-width: 750px;
          text-align: center;
          margin: 0 auto;
        }
      }
      .dropdown-single {
          background-color: var(--color-lightpurple);
          border-radius: 15px;
          padding: 20px 25px 10px;

          .dropdown-toggle {
            display: flex;
            gap: 25px;
            justify-content: space-between;

            h4 {
              margin: 0;
              font-weight: 400;
            }

            svg {
               width: 30px;
               height: 30px;
               border-radius: 50px;
               background-color: var(--color-darkpurple);
               fill: white;
            }
          }

          .dropdown-content {
            p {
              color: var(--color-darkpurple);
            }
          }
        }
    }

    @media (max-width: 1024px) {
      padding: 45px 25px 45px;
      .content-wrapper {
        .heading {
          margin-bottom: 25px;
        }
      }
    }

    @media (max-width: 768px) {
      padding: 45px 20px 45px;
      
    }
  }
/* END_SECTION:ms-dropdowns */

/* START_SECTION:ms-footer (INDEX:62) */
footer.ms-footer {
    background-image: linear-gradient(90deg, #4D4474FF,  #272142FF);
    .main-wrapper {
      padding: 65px 45px 0;
      .content-wrapper {
        .footer-cta {
          padding: 45px 45px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 65px;
          background-image: linear-gradient(93deg, #4D4184FF, #B5B7DA1A);
          border-radius: 35px;

          .left {
            .reviews {
              display: flex;
              gap: 10px;
              align-items: center;
              margin-bottom: 15px;
              .star-wrapper {
                display: flex;
                gap: 5px;
                position: relative;
                top: -2px;
                svg {
                  width: 20px;
                  height: 20px;
                }
              }
              p {
                margin: 0;
                font-size: 14px;
                color: white;
              }
            }
            h2 {
              color: white;
              max-width: 650px;
              margin: 0;
            }
          }

          .right {
            .link-wrapper {
              margin: 0;
            }
          }
        }

        .footer-nav {
          margin-bottom: 85px;
          .menu {
            display: grid;
            grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
            margin-top: 45px;

            h2 {
              color: white;
              border-bottom: solid 1px #FFFFFF61;
              padding-bottom: 15px;
              margin-bottom: 20px;
            }

            

            .sub-menu {
              display: flex;
              flex-direction: column;
              gap: 7px;
              a {
                color: white;
                font-size: 16px;
                text-decoration: none;
                &:hover {
                  color: var(--color-mediumpurple);
                }
              }

              &#social {
                flex-direction: row;
                svg {
                  width: 30px;
                }
              }
            }
          }
        }

        .footer-bottom {
          padding-bottom: 45px;
          img {
            width: 100%;
            height: auto;
          }
        }
      }
    }

    .copyright {
      background-color: var(--color-darkpurple);
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 20px;
      font-size: 12px;
      letter-spacing: 0.5px;
      font-weight: 400;
    }

    @media (max-width: 1024px) {
      .main-wrapper {
        padding: 45px 20px 0;

        .content-wrapper {
          .footer-cta {
            border-radius: 25px;
            flex-direction: column;
            gap: 35px;
            padding: 35px 25px 45px;

            .left {
              .reviews {
                justify-content: center;
                .star-wrapper {
                  svg {
                    width: 15px;
                  }
                }

                p {
                  font-size: 12px;
                }
              }

              h2 {
                text-align: center;
              }
            }
          }

          .footer-nav {
            margin-bottom: 0;
            .menu {
              grid-template-columns: minmax(0,1fr) minmax(0,1fr);
              gap: 15px;

              .menu-item {
                margin-bottom: 45px;

                h2 {
                  border-bottom: none;
                  padding-bottom: 0;
                  margin-bottom: 15px;
                }

                .sub-menu {
                  gap: 5px;
                  font-size: 15px;
                }
              }
            }
          }
        }
      }
    }

    @media (max-width: 768px) {
      .main-wrapper {
        .content-wrapper {
          .footer-cta {
            padding: 30px 20px;
            gap: 20px;
            .left {

              .reviews {
                margin-bottom: 10px;
              }
              h2 {
                font-size: 18px;
                line-height: 24px;
              }
            }
          }
        }
      }
    }

  }
/* END_SECTION:ms-footer */

/* START_SECTION:ms-gorgias-form (INDEX:63) */
section.ms-gorgias-form {
    padding: 0 25px 65px;
  }
/* END_SECTION:ms-gorgias-form */

/* START_SECTION:ms-home-hero (INDEX:64) */
section.ms-home-hero {
    background-size: cover;
    background-position: top left;
    height: 600px;
    padding: 0 25px;
    position: relative;

    img.desktop, img.mobile {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    img.mobile {
      display: none;
    }

    .content-wrapper {
      height: 100%;
      max-width: 1400px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
      
      .content {
        height: 100%;
        max-width: 450px;
        display: flex;
        flex-direction: column;
        justify-content: center;
                
        .reviews {
          display: flex;
          gap: 10px;
          align-items: center;
          margin-bottom: 15px;

          .star-wrapper {
            display: flex;
            gap: 5px;
            position: relative;
            top: -2px;

            svg {
              width: 20px;
              height: 20px;
            }


          }

          p {
            margin: 0;
            font-size: 14px;
          }
        }
      }
    }

    @media (max-width: 1024px) {
      height: 500px;
      .content-wrapper {
        .content {
          max-width: 400px;
        }
      }
    }

    @media (max-width: 768px) {
      height: 400px;
      padding: 0 20px;
      .content-wrapper {
        .content {
          max-width: 300px;
          .reviews {
            .star-wrapper {
              gap: 3px;
              top: -1px;

              svg {
                width: 15px;
                height: 15px;
              }
            }
          }
        }
      }
    }

    @media (max-width: 480px) {
      height: 66vh;
      max-height: 550px;
      position: relative;

      &:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 75%;
        background-image: linear-gradient(to top, white 200px, transparent);
        z-index: 1;
      }

      img.desktop {
        display: none;
      }

      img.mobile {
        display: block;
      }

      .content-wrapper {
        .content {
          width: 100%;
          max-width: none;
          justify-content: flex-end;
          align-items: center;
          padding-bottom: 40px;
          position: relative;
          z-index: 1;

          .reviews {
            margin-bottom: 5px;
          }
          
          h1 {
            text-align: center;
            margin-bottom: 10px;
          }

          p {
            text-align: center;
          }

          .link-wrapper {
            margin-top: 15px;
          }
        }
      }
    }


  }
/* END_SECTION:ms-home-hero */

/* START_SECTION:ms-img-cta-btn (INDEX:65) */
section.ms-img-cta-btn {
    background-color: var(--color-darkpurple);
    padding: 5px 25px;

    .content-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 45px;
      max-width: 1200px;

      .left {
        display: flex;
        align-items: center;
        gap: 25px;

        img.logo {
          width: 110px;
        }

        h3 {
          margin: 0;
          text-align: center;
          color: white;
          font-weight: 500;
          font-family: var(--font-body);


          &.mobile {
            display: none;
          }
        }
      }

      .right {
        .link-wrapper {
          margin: 0;

          a.btn {
            background-color: var(--color-lightpurple);
            color: var(--color-darkpurple);
            &:hover {
              background-color: var(--color-purple);
              color: white;
            }
          }
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 5px 20px;
    }

    @media (max-width: 768px) {
      padding: 25px 15px;
      position: relative;
      .content-wrapper {
        gap: 10px;

        .left {
          gap: 10px;
          img.logo {
            width: 65px;            
          }

          h3 {
            display: none;

            &.mobile {
              display: block;
              font-size: 15px;
              line-height: 22px;
              font-weight: 600;
              text-align: left;

            }
          }


        }

        .right {
          .link-wrapper {
            a.btn {
              padding: 15px 25px;
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-img-cta-btn */

/* START_SECTION:ms-logo-bar (INDEX:66) */
@keyframes ms-logo-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-25%); }
  }

  section.ms-logo-bar {
    padding: 7px 0;

    .marquee-outer {
      overflow: hidden;
      width: 100%;
    }

    .marquee-track {
      display: flex;
      width: max-content;
      animation: ms-logo-marquee var(--marquee-duration, 30s) linear infinite;
      will-change: transform;
    }

    .marquee-strip {
      display: flex;
      align-items: center;
      gap: 45px;
      padding-right: 45px;
    }

    .marquee-strip img.logo {
      flex-shrink: 0;
    }

    .content-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 25px 45px;
      max-width: 1400px;
      margin: 0 auto;
      flex-wrap: wrap;
    }

    img.logo {
      max-width: 100px;
      max-height: 35px;
      width: auto;
      height: auto;
    }

    @media (max-width: 1100px) {
      .content-wrapper {
        justify-content: center;
      }
    }

    @media (max-width: 1024px) {
      padding: 15px 0;
    }

    @media (max-width: 768px) {
      .content-wrapper {
        gap: 25px;
      }
    }

    @media (max-width: 500px) {
      img.logo {
        max-width: 75px;
        max-height: 30px;
      }
    }
  }
/* END_SECTION:ms-logo-bar */

/* START_SECTION:ms-main-search (INDEX:67) */
section.ms-main-search {
    padding: 45px 25px 65px;

    .content-wrapper {
      max-width: 1200px;
      margin: 0 auto;

      .search-header {
        margin-bottom: 45px;
        text-align: center;

        h1 {
          font-family: 'brooks-font', sans-serif;
          font-weight: 400;
          margin-bottom: 20px;
          color: var(--color-darkpurple);
        }

        .search-bar-wrapper {
          display: none;
        }

        .results-count {
          font-size: 14px;
          color: var(--color-black);
          opacity: 0.7;
        }

        .no-results {
          font-size: 16px;
          color: var(--color-black);
          padding-bottom: 100px;
        }
      }

      .product-grid {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        gap: 35px 25px;

        .product-card {
          display: flex;
          flex-direction: column;
          position: relative;

          .media-wrapper {
            position: relative;
            aspect-ratio: 1;
            border-radius: 15px;
            overflow: hidden;
            a {
              width: 100%;
              height: 100%;
              img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transition: 0.4s;
                object-fit: cover;

                &.main {
                  opacity: 1;
                }

                &.hover {
                  opacity: 0;
                }
              }

              &:hover {
                img.main {
                  opacity: 0;
                }

                img.hover {
                  opacity: 1;
                }
              }
            }
          }

          .details-wrapper {
            margin-top: 15px;
            border-radius: 35px;
            min-height: 200px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            &--full {
              min-height: 250px;
              background-color: var(--color-lightpurple, #f5f0ff);
              padding: 25px;
            }

            .rating {
              margin-bottom: 5px;
              svg.loox-icon {
                color: var(--color-peach) !important;
              }

              span.loox-rating-label {
                position: relative;
                top: 1px;
                font-family: var(--font-body);
                color: var(--color-black);
              }
            }

            .product-info {
              a {
                text-decoration: none;
              }
            }

            h4 {
              font-family: 'brooks-font', sans-serif;
              margin-bottom: 10px;
              font-weight: 400;
            }

            .description {
              p {
                color: var(--color-black);
                font-size: 14px;
                line-height: 20px;
              }
            }

            .article-meta {
              margin-bottom: 5px;
              .article-date {
                font-size: 12px;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                opacity: 0.6;
              }
            }

            .page-badge-wrapper {
              margin-bottom: 8px;
              .page-badge {
                background-color: var(--color-darkpurple, #4b3d8f);
                color: white;
                padding: 3px 12px;
                border-radius: 50px;
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 0.5px;
              }
            }

            .price-wrapper {
              margin-top: 10px;
              display: flex;
              align-items: center;
              gap: 10px;

              .price {
                font-family: 'MelbourneRegular', sans-serif;
                font-size: 18px;
                font-weight: 400;
                color: var(--color-darkpurple);
                letter-spacing: 0.5px;
              }

              .compare-at-price {
                font-family: 'MelbourneRegular', sans-serif;
                font-size: 16px;
                color: var(--color-darkpurple);
                opacity: 0.8;
                text-decoration: line-through;
                letter-spacing: 0.5px;
              }

              .discount-badge {
                display: none !important;
              }
            }

            a.btn {
              display: block;
              text-align: center;
              margin-top: 15px;
            }
          }

          .card-badge {
            background-color: var(--color-peach);
            position: absolute;
            top: -15px;
            left: 20px;
            color: white;
            border-radius: 50px;
            padding: 4px 15px;
            font-size: 12px;
            letter-spacing: 0.5px;
            font-weight: 500;
          }

          .additional-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-bottom: 7px;
            .badge {
              display: flex;
              gap: 10px;
              align-items: center;
              font-size: 11px;
              line-height: 11px;
              height: 25px;
              padding: 0 10px;
              text-transform: uppercase;
              white-space: nowrap;

              img {
                width: auto;
                max-height: 14px;
              }
            }
          }
        }
      }

      .pagination-wrapper {
        margin-top: 50px;
        display: flex;
        justify-content: center;
      }
    }

    @media (max-width: 1024px) {
      padding: 45px 20px 65px;

      .content-wrapper {
        .product-grid {
          grid-template-columns: minmax(0,1fr) minmax(0,1fr);
          gap: 45px 20px;

          .product-card {
            .media-wrapper {
              border-radius: 25px;
            }

            .details-wrapper {
              border-radius: 25px;
            }
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 20px 15px 45px;

      .content-wrapper {
        .search-header {
          margin-bottom: 25px;

          h1 {
            font-size: 18px;
            font-family: 'brooks-font', sans-serif;
            color: var(--color-darkpurple);
          }

          .search-bar-wrapper {
            margin-bottom: 15px;
          }
        }

        .product-grid {
          gap: 25px 10px;

          .product-card {
            width: 100%;
            max-width: 450px;
            margin: 0 auto;

            .media-wrapper {
              border-radius: 15px;
            }

            .details-wrapper {
              border-radius: 15px;
              padding: 0;
              min-height: 0;
              margin-top: 7px;

              .rating {
                span.loox-rating-label {
                  font-size: 12px;
                  letter-spacing: 0.3px;
                }
              }

              a {
                margin: 0;
              }

              h4 {
                font-size: 15px;
                line-height: 19px;
                font-weight: 400;
                margin: 0 0 3px;
                letter-spacing: 0.5px;
              }

              .description {
                p {
                  font-size: 12px;
                  line-height: 17px;
                  margin-bottom: 0;
                }
              }

              .price-wrapper {
                margin-top: 3px;
                .discount-badge {
                  display: none;
                }

                .price {
                  font-size: 16px;
                }

                .compare-at-price {
                  font-size: 16px;
                }
              }

              a.btn {
                display: none;
                font-size: 16px;
              }
            }

            .card-badge {
              padding: 0 9px;
              font-size: 11px;
              letter-spacing: 0;
              top: -10px;
              left: 10px;
            }

            .additional-badges {
              display: none;
            }

            &:last-child:nth-child(odd) {
              grid-column: span 2;
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-main-search */

/* START_SECTION:ms-marquee (INDEX:68) */
.marquee {

    padding: 10px 0;
    overflow: hidden;
    display: block;
    line-height: 1;
    width: 100vw;
  }

  .marquee-wrapper {
    display: flex;
    width: max-content;
    animation: scroll 60s linear infinite;
    will-change: transform;
    align-items: center;
  }

  .marquee-item {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .marquee-text {
    padding: 0 10px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.4px;
  }

  .marquee-icon .dot-shape {
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 50%;
    display: block;
  }

  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
/* END_SECTION:ms-marquee */

/* START_SECTION:ms-page-hero (INDEX:69) */
section.ms-page-hero {
    padding: 25px 45px;

    .content-wrapper {
      height: 100%;
      max-width: 1400px;
      margin: 0 auto;
      background-size: cover;
      background-position: top right;
      height: 450px;
      border-radius: 35px;
      padding: 85px 65px;

      .content {
        height: 100%;
        max-width: 500px;
        display: flex;
        flex-direction: column;
        justify-content: center;

        .reviews {
          display: flex;
          gap: 10px;
          align-items: center;
          margin-bottom: 15px;

          .star-wrapper {
            display: flex;
            gap: 5px;
            position: relative;
            top: -2px;

            svg {
              width: 20px;
              height: 20px;
            }
          }

          p {
            margin: 0;
            font-size: 14px;
          }
        }

        h1 {
          color: var(--color-darkpurple);
        }

        .link-wrapper {
          margin-top: 10px;
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 25px 25px;

      .content-wrapper {
        padding: 65px 35px;
        height: auto;

        .content {
          max-width: 420px;
        }
      }
    }

    @media (max-width: 768px) {
      padding: 20px 20px;

      .content-wrapper {
        .content {
          max-width: 320px;

          .reviews {
            .star-wrapper {
              gap: 3px;
              top: -1px;

              svg {
                width: 15px;
                height: 15px;
              }
            }
          }
        }
      }
    }

    @media (max-width: 600px) {
      .content-wrapper {
        height: 550px;
        background-position: bottom center;
        padding: 25px;

        .content {
          max-width: none;
          justify-content: flex-start;
          align-items: center;

          .reviews {
            margin-bottom: 10px;
            .star-wrapper {
              svg {
                width: 12px;
              }
            }
            p {
              font-size: 11px;
              letter-spacing: 0;
            }
          }

          h1 {
            text-align: center;
            margin-bottom: 5px;
          }

          .paragraph {
            text-align: center;
          }
        }
      }
    }
  }
/* END_SECTION:ms-page-hero */

/* START_SECTION:ms-post-grid (INDEX:70) */
section.ms-post-grid {
    background-color: white;
    padding: 35px 0 0;
    overflow: hidden;

    .post-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 45px 25px;
      padding: 0 45px 65px;

      .grid-item {
        display: flex;
        flex-direction: column;
        align-items: center;

        &[style*="display: none"] {
          display: none !important;
        }

        a.article-image {
          border-radius: 15px;
          aspect-ratio: 1;
          overflow: hidden;
          width: 100%;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 25px;
          }
        }

        .details {
          width: 100%;
          margin-top: 7px;

          span {
            font-size: 14px;
            color: var(--color-purple);
            font-family: var(--font-main);
            font-weight: 400;
            display: block;
            
          }

          a {
            text-decoration: none;
          }

          h3 {
            font-size: 18px;
            line-height: 24px;
            font-weight: 600;
            color: var(--color-darkpurple);
            margin-bottom: 8px;
          }

          p {
            font-size: 14px;
            color: var(--color-black);
            font-family: var(--font-main);
            font-weight: 400;
            letter-spacing: 0.4px;
          }
        }
      }
    }

    .swiper-section {
      padding-bottom: 65px;
      padding: 45px 45px 85px;
      background-color: var(--color-lightpurple);

      .swiper-heading-row {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 0 0 25px;

        .heading-text {
          h2 {
            font-family: var(--font-main-medium);
            font-size: 32px;
            line-height: 32px;
            font-weight: 400;
            margin: 0 0 8px;
            color: var(--color-darkpurple);
          }

          p {
            font-family: var(--font-main);
            font-size: 20px;
            font-weight: 400;
            color: var(--color-darkpurple);
            margin: 0;
            letter-spacing: 0.5px;
          }
        }

        .swiper-nav-buttons {
          display: flex;
          gap: 10px;
          flex-shrink: 0;

          button {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: solid 1.5px var(--color-darkpurple);
            background: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: var(--color-darkpurple);
            transition: background 0.2s, color 0.2s;

            &:hover {
              background-color: var(--color-darkpurple);
              color: white;
            }

            &.swiper-button-disabled {
              opacity: 0.35;
              cursor: default;

              &:hover {
                background: none;
                color: var(--color-darkpurple);
              }
            }
          }
        }
      }

      .swiper-clip {
        overflow: visible;

        .ms-post-swiper {
          overflow: visible;

          .swiper-scrollbar {
            bottom: -30px;
            height: 4px;
            background-color: rgba(76, 65, 132, 0.15);
            width: 90%;
            max-width: 900px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 25px;


            .swiper-scrollbar-drag {
              background-color: var(--color-darkpurple);
              display: block;
              border-radius: 25px;
            }
          }

          .slide-card {
            aspect-ratio: 1.8;
            border-radius: 15px;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              inset: 0;
              background: linear-gradient(
                to top,
                rgba(0,0,0,0.55),
                transparent 50%
              );
              z-index: 1;
            }

            .product-label {
              position: absolute;
              top: 15px;
              left: 15px;
              z-index: 2;
              color: white;
              font-family: var(--font-main);
              font-size: 13px;
              line-height: 1;
              text-decoration: none;
              background-color: rgba(255, 255, 255, 0.15);
              padding: 6px 14px;
              border-radius: 20px;
              border: solid 1px rgba(255, 255, 255, 0.4);
              backdrop-filter: blur(4px);
              -webkit-backdrop-filter: blur(4px);
              transition: background 0.2s;

              &:hover {
                background-color: rgba(255, 255, 255, 0.3);
              }
            }

            .article-title {
              position: absolute;
              bottom: 18px;
              left: 18px;
              right: 18px;
              z-index: 2;
              color: white;
              font-family: var(--font-main);
              font-size: 16px;
              line-height: 22px;
              margin: 0;
              font-weight: 400;
              width: 75%;
            }
          }
        }
      }
    }

    @media (max-width: 1200px) {
      .post-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 1024px) {
      padding: 25px 0 0;

      .post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 25px 45px;

        .grid-item {
          a.article-image {
            border-radius: 15px;
            img { border-radius: 15px; }
          }
          .details { border-radius: 15px; }
        }
      }

      .swiper-section {
        padding: 25px 25px 55px;
        .swiper-heading-row {
          padding-bottom: 25px;

          .heading-text {
            h2 {
              font-size: 28px;
              line-height: 28px;
              margin-bottom: 4px;
            }

            p {
              font-size: 16px;
            }
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 25px 0 0;

      .post-grid {
        gap: 35px 20px;
        padding: 0 20px 45px;


        .grid-item {
          a.article-image { aspect-ratio: 1.3; }
        }
      }

      .swiper-section {
        padding-bottom: 50px;

        .swiper-heading-row {
          gap: 15px;
          padding-bottom: 20px;
        }

        .slide-card {
          aspect-ratio: 1 !important;
          .article-title {
            font-size: 14px;
            line-height: 20px;
          }
          .product-label {
            font-size: 12px;
          }
        }
      }
    }

    @media (max-width: 600px) {
      .post-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }
  }
/* END_SECTION:ms-post-grid */

/* START_SECTION:ms-product-comparison (INDEX:71) */
.ms-product-comparison {
    padding: 45px 65px;
    font-family: var(--font-main);

    .content-wrapper {
      max-width: 1400px;
      margin: 0 auto;
      display: block;
      background-color: var(--color-lightpurple); 
      padding: 45px;
      border-radius: 25px;

      h2 {
        margin-bottom: 45px;
        color: var(--color-darkpurple);
        text-align: center;
        max-width: 700px;
        margin: 0 auto 25px;
      }
    }

    .table-scroll {
      width: 100%;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      min-width: 480px;
      box-shadow: none !important;
      font-size: unset !important;

      thead tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      }

      th, td {
        padding: 16px 20px !important;
        text-align: center;
        vertical-align: text-bottom;
        border: none !important;
      }

      th.feature-col,
      td.feature-label {
        text-align: left;
        width: 40%;
      }

      th.product-col,
      td.product-col {
        background-color: white;
        vertical-align: middle;
      }

      th.product-col {
        img {
          height: auto;
          max-height: 20px;
          width: auto;
          display: block;
          margin: 0 auto;
        }
      }

      thead th.product-col {
        border-radius: 12px 12px 0 0;
      }

      tbody tr:last-child td.product-col {
        border-radius: 0 0 12px 12px;
      }

      th.competitor-col {
        color: var(--color-darkblue);
        font-weight: 500;
        font-size: 16px;
      }

      tbody tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);

        &:last-child {
          border-bottom: none;
        }
      }

      td.feature-label {
        font-weight: 400;
        font-size: 18px;
      }

      .cell {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        position: relative;
        top: 5px;

        svg {
          width: 25px;
          height: 25px;
          flex-shrink: 0;
          background: var(--color-peach);
          border-radius: 50px;
          padding: 4px;
        }

        span {
          font-size: 16px;
          line-height: 1;
          color: black;
        }
      }

      td.product-col .cell {
        svg { color: white; }
        span {
          color: var(--color-darkpurple);
          font-size: 16px;
          font-weight: 500;
        }
      }

      td.competitor-col .cell--x {
        svg { 
          color: black; 
          background: none;
        }
        span { color: black; }
      }
    }

    @media (max-width: 1024px) {
      padding: 25px;

      .content-wrapper {
        padding: 35px 25px;

        h2 {
          margin-bottom: 25px;
        }
      }

    }

    @media (max-width: 768px) {
      padding: 0;

      .content-wrapper {
        padding: 45px 0;
        border-radius: 0;
        padding: 25px 0;
      }

      table {
        min-width: 0;

        th, td {
          padding: 12px 8px !important;
        }

        th {
          &.feature-col {
            width: 32%;
          }

          &.product-col {
            width: 18%;

            img {
              width: 100%;
            }
          }

          &.competitor-col {
            width: 22%;
            font-size: 12px;
            line-height: 16px;
            font-weight: 500;
          }
        }

        td {
          &.feature-label {
            font-size: 13px;
            line-height: 18px;
            vertical-align: middle;
          }

          &.product-col,
          &.competitor-col {
            .cell {
              gap: 0;
              top: 0;

              svg {
                width: 22px;
                height: 22px;
              }

              span {
                display: none;
              }
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-product-comparison */

/* START_SECTION:ms-product-countdown (INDEX:72) */
.ms-countdown-timer-wrapper {
    position: sticky;
    top: 0px;
    z-index: 2 !important;
    width: 100%;
  }

  section.ms-product-countdown {
    padding: 5px 25px;
    font-family: var(--font-main);
    color: #ffffff;

    .content-wrapper {
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;

      .countdown-label {
        letter-spacing: 0.04em;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
      }

      .ticker-group {
        display: flex;
        align-items: center;
        gap: 6px;

        .separator {
          font-size: 18px;
          font-weight: 400;
          line-height: 1;
          margin-bottom: 1px;
          color: #ffffff;
        }

        .tick-box {
          border-radius: 4px;
          padding: 3px 5px;
          display: flex;
          flex-direction: column;
          align-items: center;
          min-width: 34px;
          background-color: #ffffff;

          .tick-number {
            font-size: 12px;
            line-height: 14px;
            font-weight: 500;
            line-height: 12px;
          }

          .tick-label {
            font-size: 9px;
            line-height: 9px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.06em;
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 3px 15px;

      .content-wrapper {
        gap: 10px;

        .countdown-label { font-size: 12px; }

        .ticker-group {
          gap: 4px;

          .tick-box {
            min-width: 34px;
            padding: 3px 5px;

            .tick-number { font-size: 11px; }
            .tick-label { font-size: 7px; }
          }
        }
      }
    }

    @media (max-width: 600px) {
      padding: 3px 5px;
      .content-wrapper {
        gap: 10px;

        .countdown-label { font-size: 12px; }

        .ticker-group {
          .tick-box {
            width: 22px;
            min-width: 0;
          }
        }
      }
    }
  }
/* END_SECTION:ms-product-countdown */

/* START_SECTION:ms-product-countup-circles (INDEX:73) */
.ms-product-countup-circles {
  padding: 65px 45px;
  background-color: var(--color-lightpurple);


  .content-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
  }

  .heading {
    text-align: center;

    h2 {
      color: var(--color-darkpurple);
    }

    p { 
      margin: 0; 
      color: var(--color-darkpurple);
    }
  }

  .link-wrapper {
    margin-top: 0;
  }

  .counters-wrapper {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    gap: 45px;
  }

  .counter-single {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
    background-color: white;
    border-radius: 15px;
    aspect-ratio: 1;
    padding: 35px;

    > p {
      margin: 0;
      font-size: 1rem;
    }
  }

  .circle-wrapper {
    position: relative;
    width: 180px;
    height: 180px;

    svg {
      width: 100%;
      height: 100%;
      transform: rotate(-90deg);
    }
  }

  .track {
    fill: none;
    stroke: rgba(0, 0, 0, 0.1);
    stroke-width: 8;
  }

  .progress {
    fill: none;
    stroke: var(--color-purple);
    stroke-width: 8;
    stroke-linecap: butt;
  }

  .circle-inner {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--color-purple);
  }

  @media (max-width: 1024px) {
    padding: 45px 25px;

    .counters-wrapper {
      gap: 25px;
    }

    .counter-single {
      aspect-ratio: unset;
    }

    .circle-wrapper {
      width: 140px;
      height: 140px;
    }
  }

  @media (max-width: 768px) {
    padding: 35px 20px;

    .counters-wrapper {
      grid-template-columns: minmax(0,1fr);
    }

    .circle-wrapper {
      width: 120px;
      height: 120px;
    }

    .circle-inner {
      font-size: 1.6rem;      
    }
  }
}
/* END_SECTION:ms-product-countup-circles */

/* START_SECTION:ms-product-dropdowns-video (INDEX:74) */
section.ms-product-dropdown-vid {
    padding: 65px 25px;

    .content-wrapper {
      display: flex;
      align-items: center;
      gap: 65px;

      .content {
        width: 50%;

        .video-wrapper {
          display: none;
        }

        .text {
          margin-bottom: 25px;
          color: var(--color-black);
        }

        .dropdown-single {
          background-color: var(--color-lightpurple);
          border-radius: 15px;
          padding: 20px 25px 10px;

          .dropdown-toggle {
            display: flex;
            gap: 25px;
            justify-content: space-between;

            h4 {
              margin: 0;
              font-weight: 400;
              font-size: 18px;
              font-family: var(--font-main);
            }

            svg {
               width: 30px;
               height: 30px;
               border-radius: 50px;
               background-color: var(--color-darkpurple);
               fill: white;
            }
          }

          .dropdown-content {
            p {
              color: var(--color-black);
              font-size: 16px;
              line-height: 22px;
            }
          }
        }
      }

      .media-wrapper {
        width: 50%;

        .video-wrapper {
          position: relative;
          width: 100%;
          height: 100%;
          
          video {
            display: block;
            width: 100%;
            border-radius: 35px;
          }
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 45px 20px;

      .content-wrapper {
        flex-direction: column;

        .content {
          width: 100%;

          h2 {
            text-align: center;
          }

          .text {
            text-align: center;
            max-width: 600px;
            margin: 0 auto 25px;
          }

          .video-wrapper {
            display: block;
            max-width: 600px;
            margin: 0 auto 20px;
            width: 100%;
            video {
              border-radius: 25px;
              width: 100%;

            }
          }

          .dropdowns {
            max-width: 600px;
            margin: 0 auto;

            .dropdown-single {
              padding: 15px 20px 5px;
            }
          }
        }

        .media-wrapper {
          display: none;
        }
      }
    }

    @media (max-width: 768px) {
      padding: 35px 20px;

      .content-wrapper {
        .content {
          .dropdowns {
            .dropdown-single {
              padding: 10px 11px 0 13px;
              border-radius: 10px;

              .dropdown-toggle {
                h4 {
                  font-size: 17px;
                }
              }
            }
          }
        }
      }

    }
  }
/* END_SECTION:ms-product-dropdowns-video */

/* START_SECTION:ms-product-dropdowns (INDEX:75) */
.ms-dropdowns {
    padding: 45px;
    .content-wrapper {
      max-width: 1000px;
      .heading {
        margin-bottom: 45px;

        h2 {
          text-align: center;
        }
        .text {
          max-width: 750px;
          text-align: center;
          margin: 0 auto;
        }
      }
      .dropdown-single {
          background-color: var(--color-lightpurple);
          border-radius: 15px;
          padding: 20px 25px 10px;

          .dropdown-toggle {
            display: flex;
            gap: 25px;
            justify-content: space-between;

            h4 {
              margin: 0;
              font-weight: 400;
            }

            svg {
               width: 30px;
               height: 30px;
               border-radius: 50px;
               background-color: var(--color-darkpurple);
               fill: white;
            }
          }

          .dropdown-content {
            p {
              color: var(--color-darkpurple);
            }
          }
        }
    }

    @media (max-width: 1024px) {
      padding: 45px 25px;
      .content-wrapper {
        .heading {
          margin-bottom: 25px;
        }
      }
    }

    @media (max-width: 768px) {
      padding: 25px 20px;

      .content-wrapper {
        .heading {
          p {
            text-wrap: balance;
          }
        }
        .dropdown-single {
          padding: 10px 15px 0px;
          .dropdown-toggle {
            h4 {
              font-size: 16px;
              line-height: 20px;
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-product-dropdowns */

/* START_SECTION:ms-product-features (INDEX:76) */
section.ms-product-features {
    padding: 65px 45px;
    background-color: var(--color-lightpurple);
    margin: 0; 
    .content-wrapper {
      .image-dropdowns {
        display: flex;
        align-items: center;
        gap: 45px;

        .image-wrapper {
          width: 50%;
          img {
            width: 100%;
            height: auto;
            border-radius: 25px;
          }
        }

        .right {
          width: 50%;
          display: flex;
          flex-direction: column;
          justify-content: center;

          .heading {
            max-width: 750px;
            margin: 0 auto 15px;

            h2 {
              text-align: center;
            }

            p {
              text-align: center;
            }        
          }

          .dropdowns {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;

            .dropdown-single {
              background-color: white;
              border-radius: 15px;
              padding: 20px 25px 10px;

              .dropdown-toggle {
                display: flex;
                gap: 25px;
                justify-content: space-between;

                h4 {
                  margin: 0;
                  font-weight: 400;
                  text-align: left;
                }

                svg {
                  width: 30px;
                  height: 30px;
                  border-radius: 50px;
                  background-color: var(--color-darkpurple);
                  fill: white;
                }
              }

              .dropdown-content {
                text-align: left;
                p {
                  color: var(--color-darkpurple);
                }
              }
            }
          }
        }


      }
    }

    @media (max-width: 1024px) {
      padding: 45px 25px;

      .content-wrapper {
        .image-dropdowns{
          .image-wrapper {
            width: 40%;
          }

          .right {
            width: 60%;
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 25px 20px; 

      .content-wrapper {
        .heading {
          margin-bottom: 35px;
        }
        .image-dropdowns{
          flex-direction: column-reverse;
          gap: 25px;

          .image-wrapper {
            width: 100%;
          }

          .right {
            width: 100%;

            .dropdowns {
              .dropdown-single {
                padding: 10px 15px 0;

                .dropdown-toggle {
                  h4 {
                    font-size: 16px;
                  }
                }

                .dropdown-content {
                  p {
                    margin: 0 0 15px;
                  }
                }
              }
            }
            
          }
        }
      }
    }
  }
/* END_SECTION:ms-product-features */

/* START_SECTION:ms-product-grid (INDEX:77) */
section.ms-product-grid {
    padding: 45px 25px;
    background-color: var(--color-lightpurple);
    .content-wrapper {
      max-width: 1200px;
      .heading {
        margin-bottom: 45px;
        h2 {
          text-align: center;
        }

        .text {
          text-align: center;
          max-width: 550px;
          margin: 0 auto;
        }
      }

      .product-grid {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
        gap: 35px 25px;

        .product-card {
          display: flex;
          flex-direction: column;
          position: relative;

          .media-wrapper {
            position: relative;
            aspect-ratio: 1;
            border-radius: 15px;
            overflow: hidden;
            a {
              width: 100%;
              height: 100%;
              img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transition: 0.4s;

                &.main {
                  opacity: 1;
                }

                &.hover {
                  opacity: 0;
                }

                &:hover {
                  &.main {
                    opacity: 0;
                  }

                  &.hover {
                    opacity: 1;
                  }
                }
              }
            }


          }

          .details-wrapper {
            margin-top: 15px;
            border-radius: 35px;
            min-height: 200px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .rating {
              margin-bottom: 5px;
              svg.loox-icon {
                color: var(--color-peach) !important;
              }

              span.loox-rating-label {
                position: relative;
                top: 1px;
                font-family: var(--font-body);
                color: var(--color-black);
              }
            }

            .product-info {
              a {
                text-decoration: none;
              }
            }
            

            h4 {
              font-family: 'brooks-font', sans-serif;
              margin-bottom: 10px;
              font-weight: 400;
            }

            .description {
              p {
                color: var(--color-black);
                font-size: 14px;
                line-height: 20px;
              }
            }

            .price-wrapper {
              margin-top: 10px;
              display: flex;
              align-items: center;
              gap: 10px;

              .price {
                font-family: 'MelbourneRegular', sans-serif;
                font-size: 18px;
                font-weight: 400;
                color: var(--color-darkpurple);
                letter-spacing: 0.5px;
              }

              .compare-at-price {
                font-family: 'MelbourneRegular', sans-serif;
                font-size: 16px;
                color: var(--color-darkpurple);
                opacity: 0.8;
                text-decoration: line-through;
                letter-spacing: 0.5px;
              }

              .discount-badge {
                display: none !important;
                background-color: var(--color-green);
                color: white;
                padding: 1px 7px;
                letter-spacing: 0.5px;
                line-height: 21px;
              }


            }

            a.btn {
              display: block;
              text-align: center;
              margin-top: 15px;
            }
          }

          .card-badge {
            background-color: var(--color-peach);
            position: absolute;
            top: -15px;
            left: 20px;
            color: white;
            border-radius: 50px;
            padding: 4px 15px;
            font-size: 12px;
            letter-spacing: 0.5px;
            font-weight: 500;
          }

          .additional-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-bottom: 7px;
            .badge {
              display: flex;
              gap: 10px;
              align-items: center;
              font-size: 11px;
              line-height: 11px;
              height: 25px;
              padding: 0 10px;
              text-transform: uppercase;
              white-space: nowrap;

              img {
                width: auto;
                max-height: 14px;
              }
            }
          }
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 65px 20px;

      .content-wrapper {
        .product-grid {
          grid-template-columns: minmax(0,1fr) minmax(0,1fr);
          gap: 45px 20px;



          .product-card {
            .media-wrapper {
               border-radius: 25px;
            }

            .details-wrapper {
              border-radius: 25px;
            }
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 20px 15px 45px;
      .content-wrapper {
        .heading {
          margin-bottom: 25px;

          h2 {
            font-size: 18px;
            font-family: var(--font-body);
          }

          .text {
            padding: 0 25px;
            p {
              text-wrap: balance;
            }
          }
        }
        .product-grid {
          gap: 25px 10px;

          .product-card {
            width: 100%;
            max-width: 450px;
            margin: 0 auto;

            .media-wrapper {
              border-radius: 15px;
            }

            .details-wrapper {
              border-radius: 15px;
              padding: 0;
              min-height: 0;

              .rating {
                span.loox-rating-label {
                  font-size: 12px;
                  letter-spacing: 0.3px;
                }
              }



              a {
                margin: 0;
              }

              h4 {
                font-size: 15px;
                line-height: 19px;
                font-weight: 400;
                margin: 0 0 3px;
                letter-spacing: 0.5px;
              }

              .description {
                p {
                  font-size: 12px;
                  line-height: 17px;
                  margin-bottom: 0;
                }
              }



              .price-wrapper {
                margin-top: 3px;
                .discount-badge {
                  display: none;
                }

                .price {
                  font-size: 16px;
                }

                .compare-at-price {
                  font-size: 16px;
                }
              }

              a.btn {
                display: none;
                font-size: 16px;
              }
            }

            .card-badge {
              padding: 0 9px;
              font-size: 11px;
              letter-spacing: 0;
              top: -10px;
              left: 10px;
            }
            
            .additional-badges {
              display: none;
            }

            &:last-child:nth-child(odd) {
              grid-column: span 2;
            }
          }
        }
      }
    }
  }

  @media (max-width: 768px) {
    .template-index section.ms-product-grid .product-grid .product-card:nth-child(3),
    .template-index section.ms-product-grid .product-grid .product-card:nth-child(4),
    .template-index section.ms-product-grid .product-grid .product-card:last-child {
      grid-column: span 2;
    }

    .template-collection section.ms-product-grid .product-grid .product-card:nth-child(5),
    .template-collection section.ms-product-grid .product-grid .product-card:last-child:nth-child(even) {
      grid-column: span 2;
    }
  }
/* END_SECTION:ms-product-grid */

/* START_SECTION:ms-product-main (INDEX:78) */
section.ms-product-main {
    padding: 45px;
    background-color: white;
    .content-wrapper {
      display: flex;
      align-items: flex-start;
      gap: 65px;
      max-width: 1200px;

      .product-media {
        width: 50%;
        position: sticky;
        top: 65px;

        .main-media {
          position: relative;

          .slide-wrapper {
            aspect-ratio: 1;
            border-radius: 20px;
            overflow: hidden;

            img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }

          .swiper-button-prev,
          .swiper-button-next {
            position: absolute;
            top: 53%;
            transform: translateY(-50%);
            z-index: 10;
            width: 34px;
            height: 34px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            transition: opacity 0.2s, box-shadow 0.2s;

            &::after {
              display: none;
            }

            &:hover {
              box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
            }

            &.swiper-button-disabled {
              opacity: 0.3;
              cursor: default;
            }

            svg {
              width: 15px;
              height: 15px;
              color: var(--color-darkpurple, #333);
              flex-shrink: 0;
            }
          }

          .swiper-button-prev {
            left: 8px;
          }

          .swiper-button-next {
            right: 8px;
          }
        }

        .main-media img {
          display: block;
          width: 100%;
          height: auto;
        }

        .thumb-media {
          margin-top: 15px;

          .swiper {
            padding: 0 2px;
          }

          .swiper-slide {
            cursor: pointer;
            opacity: 0.6;
            transition: opacity 0.2s;

            &.swiper-slide-thumb-active {
              opacity: 1;

              img {
                border: solid 1px var(--color-darkpurple);
              }
            }

            img {
              display: block;
              width: 100%;
              height: auto;
              aspect-ratio: 1;
              object-fit: cover;
              border: solid 1px transparent;
              border-radius: 7px;
            }
          }
        }

        .media-gallery-testimonial {
          margin-top: 25px;
          .content-wrapper {
            background-color: var(--color-lightpurple);
            padding: 25px;
            border-radius: 15px;
            display: block;
            .star-wrapper {
              display: flex;
              gap: 3px;
              position: relative;
              top: -2px;
              margin-bottom: 10px;

              svg {
                width: 14px;
                height: 14px;
              }
            }

            .testimonial-text {
              p {
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                margin-bottom: 15px;
                color: var(--color-black);
                letter-spacing: 0.5px;
              }
            }

            .testimonial-author {
              display: flex;
              align-items: center;
              gap: 15px;

              h4 {
                font-size: 16px;
                font-weight: 200;
                margin: 0;
                letter-spacing: 0.3px;
              }

              .verified-customer {
                display: flex;
                align-items: center;
                gap: 7px;
                svg {
                  width: 15px;
                  fill: var(--color-darkpurple);
                }

                p {
                  margin: 0;
                  color: var(--color-darkpurple);
                  font-size: 14px;
                }
              }
            }
          }
        }

        .media-gallery-testimonial-mobile-wrapper {
          display: none;
        }
      }

      .product-details {
        width: 50%;
      }
    }

    @media (max-width: 1024px) {
      padding: 45px 25px;

      .content-wrapper {
        gap: 35px;
      }
    }

    @media (max-width: 768px) {
      padding: 15px 15px 25px;

      .content-wrapper {
        flex-direction: column;
        gap: 15px;
        .product-media {
          width: 100%;
          position: relative;
          top: 0;
          max-width: 550px;
          margin: 0 auto;

          .thumb-media {
            margin-top: 8px;

            .swiper-slide {
              img {
                border-radius: 5px;
              }
            }
          }

          .media-gallery-testimonial {
            display: none;
          }
        }

        .product-details {
          width: 100%;
          max-width: 550px;
          margin: 0 auto;

          .media-gallery-testimonial-mobile-wrapper {
            display: block;
            .content-wrapper {
              gap: 0;
              .testimonial-text {
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
              }

              .testimonial-author {
                h4 {
                  font-size: 16px;
                }
              }
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-product-main */

/* START_SECTION:ms-product-materials (INDEX:79) */
section.ms-product-materials {
    padding: 65px 45px;

    .content-wrapper {
      .heading {
        max-width: 750px;
        margin: 0 auto 45px;
        h2 {
          text-align: center;
        }

        .text {
          text-align: center;
        }
      }

      .main-wrapper {
        display: flex;
        gap: 25px;

        .column {
          width: 50%;
          .image-wrapper {
            aspect-ratio: 1.5;
            margin-bottom: 25px;

            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 25px;
            }
          }
          .text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            max-width: 500px;
            margin: 0 auto;

            h3 {
              text-align: center;
            }

            p {
              text-align: center;
            }
          }
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 45px 25px;
      .content-wrapper {
        .main-wrapper {

        }
      }
    }

    @media (max-width: 768px) {
      padding: 25px 20px;
      .content-wrapper {
        .heading {
          margin-bottom: 25px;
        }
      }
    }

    @media (max-width: 600px) {

      .content-wrapper {
        .main-wrapper {
          flex-direction: column;
          .column {
            width: 100%;

            .image-wrapper {
              margin-bottom: 15px;
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-product-materials */

/* START_SECTION:ms-product-upsell (INDEX:80) */
section.ms-product-upsell {
    padding: 65px 45px;
    overflow: hidden;

    .content-wrapper {
      .heading {
        margin-bottom: 45px;

        p {
          max-width: 750px;
        }
      }

      .swiper {
        overflow: visible;
      }

      .product-card {
          display: flex;
          flex-direction: column;
          position: relative;

          .media-wrapper {
            position: relative;
            aspect-ratio: 1;
            border-radius: 35px;
            overflow: hidden;
            a {
              width: 100%;
              height: 100%;
              img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transition: 0.4s;

                &.main {
                  opacity: 1;
                }

                &.hover {
                  opacity: 0;
                }

                &:hover {
                  &.main {
                    opacity: 0;
                  }

                  &.hover {
                    opacity: 1;
                  }
                }
              }
            }


          }

          .details-wrapper {
            margin-top: 15px;
            border-radius: 35px;
            padding: 0;
            min-height: 225px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .rating {
              margin-bottom: 5px;
              svg.loox-icon {
                color: var(--color-peach) !important;
              }

              span.loox-rating-label {
                position: relative;
                top: 1px;
                font-family: var(--font-body);
              }
            }

            a {
              text-decoration: none;
            }

            h4 {
              margin-bottom: 10px;
              font-weight: 400;
            }

            .description {
              color: var(--color-black);
              p {
                font-size: 14px;
                line-height: 20px;
              }
            }

            .price-wrapper {
              margin-top: 10px;
              display: flex;
              align-items: center;
              gap: 10px;

              .price {
                font-family: var(--font-main);
                font-size: 18px;
                line-height: 18px;
                color: var(--color-darkpurple);
              }

              .compare-at-price {
                font-family: var(--font-main);
                font-size: 18px;
                line-height: 18px;
                color: var(--color-purple);
                text-decoration: line-through;
              }

              .discount-badge {
                display: none !important;
                background-color: var(--color-green);
                color: white;
                padding: 1px 7px;
                letter-spacing: 0.5px;
              }


            }

            a.btn {
              display: block;
              text-align: center;
              margin-top: 15px;
            }
          }

          .card-badge {
            background-color: var(--color-lightpeach);
            position: absolute;
            top: -18px;
            right: 30px;
            color: var(--color-darkpurple);
            border-radius: 50px;
            padding: 7px 15px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.3px;
            font-family: var(--font-body);

          }

          .additional-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-bottom: 7px;
            .badge {
              display: flex;
              gap: 10px;
              align-items: center;
              font-size: 11px;
              line-height: 11px;
              height: 25px;
              padding: 0 10px;
              text-transform: uppercase;
              white-space: nowrap;

              img {
                width: auto;
                max-height: 14px;
              }
            }
          }
        }
    }

    @media (max-width: 1024px) {
      padding: 45px 25px;

      .content-wrapper {
        .heading {
          margin-bottom: 20px;
        }

        .product-card {
          .media-wrapper {
            border-radius: 20px;
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 25px 20px;
      .content-wrapper {
        .heading {
          margin-bottom: 25px;
        }

        .product-card {
          .media-wrapper {
            border-radius: 15px;
          }

          .details-wrapper {
            .price-wrapper {
              .price {
                font-size: 16px;
                line-height: 16px;
              }

              .compare-at-price {
                font-size: 16px; 
                line-height: 16px;
              }

              .discount-badge {
                font-size: 12px;
                padding: 1px 3px;
              }
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-product-upsell */

/* START_SECTION:ms-shop-collections (INDEX:81) */
.ms-shop-collections {
  padding: 25px 45px 65px;
  background-color: var(--color-lightpurple);

  .content-wrapper {
    max-width: 1400px;
    margin: 0 auto;
  }

  .intro {
    text-align: center;
    margin-bottom: 55px;

    .subheading {
      max-width: 700px;
      margin: 0 auto;
    }
  }

  .collection-single {
    & + .collection-single {
      margin-top: 45px;
      padding-top: 45px;
    }
  }

  .collection-heading {
    margin-bottom: 45px;

    h2 {
      margin-bottom: 10px;
      color: var(--color-darkpurple);
    }

    .collection-review-total {
      margin: 0 0 10px;
      color: var(--color-darkpurple);
      opacity: 0.8;
      display: flex;
      gap: 10px;
      align-items: center;

      .star-wrapper {
        display: flex;
        gap: 5px;
        position: relative;
        top: -2px;

        svg {
          width: 20px;
          height: 20px;
        }
      }

      .review-count {
        font-family: var(--font-body);
        color: var(--color-darkpurple);
        font-size: 12px;
      }
    }

    .collection-description {
      max-width: 760px;
    }
  }

  .product-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 45px 30px;

    .product-card {
      display: flex;
      flex-direction: column;
      position: relative;

      .media-wrapper {
        position: relative;
        aspect-ratio: 1;
        border-radius: 35px;
        overflow: hidden;

        a {
          width: 100%;
          height: 100%;

          img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: 0.4s;

            &.main {
              opacity: 1;
            }

            &.hover {
              opacity: 0;
            }

            &:hover {
              &.main {
                opacity: 0;
              }

              &.hover {
                opacity: 1;
              }
            }
          }
        }
      }

      .details-wrapper {
        margin-top: 15px;
        border-radius: 35px;
        min-height: 200px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .rating {
          margin-bottom: 5px;

          svg.loox-icon {
            color: var(--color-peach) !important;
          }

          span.loox-rating-label {
            position: relative;
            top: 1px;
            font-family: var(--font-body);
          }
        }

        h4 {
          margin-bottom: 10px;
          font-weight: 400;
        }

        .price-wrapper {
          margin-top: 10px;
          display: flex;
          align-items: center;
          gap: 10px;

          .price {
            font-size: 20px;
            color: var(--color-darkpurple);
          }

          .compare-at-price {
            font-size: 16px;
            color: var(--color-darkpurple);
            opacity: 0.8;
          }

          .discount-badge {
            display: none !important;
            background-color: var(--color-green);
            color: white;
            padding: 1px 7px;
            letter-spacing: 0.5px;
            line-height: 21px;
          }
        }

        a.btn {
          display: block;
          text-align: center;
          margin-top: 15px;
        }
      }

      .card-badge {
        background-color: var(--color-lightpeach);
        position: absolute;
        top: -18px;
        right: 30px;
        color: var(--color-darkpurple);
        border-radius: 50px;
        padding: 7px 15px;
      }

      .additional-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 7px;

        .badge {
          display: flex;
          gap: 10px;
          align-items: center;
          font-size: 11px;
          line-height: 11px;
          height: 25px;
          padding: 0 10px;
          text-transform: uppercase;
          white-space: nowrap;

          img {
            width: auto;
            max-height: 14px;
          }
        }
      }
    }
  }

  @media (max-width: 1024px) {
    padding: 25px 25px;

    .collection-single {
      & + .collection-single {
        margin-top: 65px;
      }
    }

    .product-grid {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 45px 20px;

      .product-card {
        &:last-child:nth-child(odd) {
          grid-column: span 2;
        }

        .media-wrapper {
          border-radius: 25px;
        }

        .details-wrapper {
          border-radius: 25px;
        }
      }
    }
  }

  @media (max-width: 768px) {
    padding: 25px 15px;

    .intro {
      margin-bottom: 35px;
    }

    .collection-single {
      & + .collection-single {
        margin-top: 35px;
        padding-top: 25px;
      }
    }

    .collection-heading {
      margin-bottom: 25px;

      h2 {
        margin-bottom: 2px;
      }

      .collection-review-total {
        margin-bottom: 2px;

        .star-wrapper {
          svg {
            width: 12px;
            height: 12px;
          }
        }
      }
    }

    .product-grid {
      gap: 25px 10px;

      .product-card {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;

        .media-wrapper {
          border-radius: 15px;
        }

        .details-wrapper {
          border-radius: 15px;
          padding: 0;

          h4 {
            font-size: 15px;
            line-height: 19px;
            font-weight: 400;
            margin-bottom: 5px;
          }

          p {
            font-size: 13px;
            line-height: 18px;
          }

          .price-wrapper {
            .discount-badge {
              display: none;
            }

            .price {
              font-size: 16px;
            }

            .compare-at-price {
              font-size: 16px;
            }
          }

          a.btn {
            font-size: 16px;
          }
        }

        .card-badge {
          right: 10px;
          font-size: 12px;
          padding: 2px 10px;
          top: -10px;
        }

        .additional-badges {
          display: none;
        }
      }
    }

  }
}
/* END_SECTION:ms-shop-collections */

/* START_SECTION:ms-shop-hero (INDEX:82) */
.ms-shop-hero {
    padding: 25px 25px 15px;
    background-color: white;
    .content-wrapper {
      .content {
        max-width: 900px;
        margin: 0 auto;
        .reviews {
          display: flex;
          gap: 10px;
          align-items: center;
          justify-content: center;
          margin-bottom: 15px;

          .star-wrapper {
            display: flex;
            gap: 5px;
            position: relative;
            top: -2px;

            svg {
              width: 20px;
              height: 20px;
            }
          }

          p {
            margin: 0;
            font-size: 14px;
          }
        }
        
        h1 {
          color: var(--color-darkpurple);
          text-align: center;
        }

        p {
          text-align: center;
          max-width: 800px;
          margin: 0 auto;
        }
      }

      .links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin-top: 25px;

        a.btn {
          background-color: #F9F9F9;
          border: solid 2px var(--color-darkpurple);
          color: var(--color-darkpurple);
          &:hover {
            background-color: var(--color-lightpurple);
          }
        }
      }
    }

    @media (max-width: 1024px) {
      .content-wrapper {
        .links {
          a.btn {
            padding: 12px 25px;
          }
        }
      }
    }

    @media (max-width: 768px) {
      padding: 20px 20px 0px;

      .content-wrapper {
        .content {
          h1 {
            margin-bottom: 5px;
          }

          .reviews {
            margin-bottom: 5px;
            .star-wrapper {
              svg {
                width: 12px;
                height: 12px;
              }
            }
          }
        }
        .links {
          gap: 10px;
          a.btn {
            font-size: 14px;
            padding: 7px 15px;

            &:first-of-type {
              display: none;
            }
          }
        }
      }
    }
  }
/* END_SECTION:ms-shop-hero */

/* START_SECTION:ms-support-gorgias (INDEX:83) */
section.ms-support-gorgias {
    padding: 0 0 65px;
    .heading {
      margin-bottom: 25px;  
      h2 {
        text-align: center;
      }    
    }

    
  }
/* END_SECTION:ms-support-gorgias */

/* START_SECTION:ms-text-marquee (INDEX:84) */
@keyframes ms-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(calc(-1 * var(--strip-width, 100%))); }
  }

  section.ms-text-marquee {
    padding: 9px 0;
    overflow: hidden;

    .marquee-item,
    .marquee-separator {
      color: var(--marquee-text-color, #fff);
      font-size: var(--marquee-font-size, 13px);
      white-space: nowrap;
      text-decoration: none;
      line-height: 1;
      letter-spacing: 0.3px;
      font-family: var(--font-body);
      font-weight: 500;

    }

    .marquee-item--link {
      text-decoration: none;
    }

    .marquee-separator {
      margin: 0 6px;
    }

    /* --- scrolling mode --- */
    .marquee-outer {
      width: 100%;
    }

    .marquee-track {
      display: flex;
      width: max-content;
      animation: ms-marquee var(--marquee-duration, 30s) linear infinite;
      will-change: transform;
    }

    .marquee-strip {
      display: flex;
      align-items: center;
    }

    /* --- static mode --- */
    .content-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px;
    }

    @media (max-width: 1024px) {
      padding: 8px 0;
    }
  }
/* END_SECTION:ms-text-marquee */

/* START_SECTION:ms-video-slider (INDEX:85) */
section.ms-video-slider {
    padding: 85px 25px 20px;
    overflow: hidden;

    .heading {
      margin-bottom: 45px;
      h2 {
        text-align: center;
      }

      .text {
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
      }
    }

    .swiper {
      overflow: visible;
    }

    .slide-wrapper {
      .video-wrapper {
        aspect-ratio: 0.6;
        border-radius: 25px;
        overflow: hidden;

        video {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }

    .swiper-pagination {
      bottom: -35px;

      .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: var(--color-darkpurple);
      }
    }

    @media (max-width: 1024px) {
      padding: 65px 20px;
      .heading {
        margin-bottom: 35px;
      }
    }

    @media (max-width: 768px) {
      padding: 45px 20px 65px;
      .heading {
        margin-bottom: 25px;
      }
    }
  }
/* END_SECTION:ms-video-slider */

/* START_SECTION:ms-wysiwyg (INDEX:86) */
section.ms-wysiwyg {
  }
/* END_SECTION:ms-wysiwyg */

/* CSS from block stylesheet tags */
/* START_BLOCK:product_additional_details (INDEX:108) */
.ms-product-additional-details {
    margin: 15px 0 25px;
    p {
      color: var(--color-black);
      font-size: 14px;
      font-weight: 500;
    }


  }
/* END_BLOCK:product_additional_details */

/* START_BLOCK:product_buy_buttons (INDEX:109) */
.product-form {
  .btn-label,
  .btn-label p {
    margin: 0;
    font-family: var(--font-main);
    font-size: 15px;
    line-height: 22px;
  }

  .product-form__submit {
    width: 100%;
    border-radius: 50px; 
    transition: 0.4s;
    min-height: 45px;
    padding: 10px 25px;

    p {
      font-family: var(--font-main);
      font-size: 15px;
      line-height: 20px;
      margin: 0;
      color: white;
    }

    &:hover {
      background-color: var(--color-mediumpurple);
      color: var(--color-darkpurple);
    }

    &::before, &::after {
      display: none !important;
    }
  }
}
/* END_BLOCK:product_buy_buttons */

/* START_BLOCK:product_dropdowns (INDEX:110) */
.ms-product-dropdowns {
    margin-top: 35px;

    .dropdown-single {
      border-top: solid 1px var(--color-mediumpurple);
      margin-bottom: 0;
      padding-bottom: 15px;

      .dropdown-toggle {
        padding: 15px 0 0;
        h4 {
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 0.5px;
          font-weight: 200;
        }
      }

      .product-card-image-toggle {
        cursor: pointer;
        background-color: var(--color-darkpurple);
        color: #fff;
        padding: 7px 15px;
        margin: 0px 0 17px;
        font-weight: 300;
        letter-spacing: 0.5px;
        display: inline-block;
        border-radius: 25px;
        font-size: 14px;
      }

      .dropdown-content {
        p {
          color: var(--color-black);
        }
      }
    }
  }
/* END_BLOCK:product_dropdowns */

/* START_BLOCK:product_guarantees (INDEX:111) */
.ms-product-guarantees {
    margin-top: 15px;
    .guarantee-wrapper {
      display: flex;
      justify-content: center;
      gap: 5px 20px;
      flex-wrap: wrap;

      .product-guarantee {
        display: flex;
        gap: 7px;
        align-items: center;

        .image-wrapper {
          width: 20px;
          height: 20px;

          img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
          }
        }



        p {
          font-size: 14px;
          line-height: 16px;
          font-weight: 500;
          color: var(--color-darkpurple);
          margin: 0;
        }
      }


    }

    @media (max-width: 768px) {
      margin-top: 10px;

      .guarantee-wrapper {
        .product-guarantee {
          p {
            font-size: 12px;
          }
        }
      }
    }
  }
/* END_BLOCK:product_guarantees */

/* START_BLOCK:product_icon_features (INDEX:112) */
.ms-product-icon-features {
    margin: 20px 0 15px;
    .feature {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
      font-size: 12px;  
      font-weight: 400;
      .icon-wrapper {
        width: 20px;
        height: 20px;
        img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      span {
        flex: 1;
        color: var(--color-black);
        font-size: 12px;
        line-height: 13px;
        font-weight: 600;
      }

    }

    @media (max-width: 768px) {
      .feature {
        span {
          font-size: 12px;
          white-space: nowrap;
        }
      }
    }
  }
/* END_BLOCK:product_icon_features */

/* START_BLOCK:product_media_testimony (INDEX:113) */
.media-gallery-testimonial {
    margin-top: 15px;
    .content-wrapper {
      background-color: var(--color-lightpurple);
      padding: 25px;
      border-radius: 25px;
      .star-wrapper {
        display: flex;
        gap: 3px;
        position: relative;
        top: -2px;
        margin-bottom: 10px;

        svg {
          width: 14px;
          height: 14px;
        }


      }

      .testimonial-text {
        font-size: 16px;
        line-height: 20px;
        font-weight: 200;
        margin-bottom: 15px;
        color: var(--color-black);
      }

      .testimonial-author {
        display: flex;
        align-items: center;
        gap: 15px;

        h4 {
          font-size: 18px;
          font-weight: 300;
          margin: 0;
          letter-spacing: 0.3px;
        }

        .verified-customer {
          display: flex;
          align-items: center;
          gap: 7px;
          svg {
            width: 15px;
            fill: var(--color-darkpurple);
          }

          p {
            margin: 0;
            color: var(--color-darkpurple);
          }
        }
      }


    }
  }

  .media-gallery-testimonial-mobile-wrapper {
    display: none;
  }
/* END_BLOCK:product_media_testimony */

/* START_BLOCK:product_price (INDEX:114) */
.product-price-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 7px;

    .price {
      font-family: 'MelbourneRegular', sans-serif;
      font-size: 28px;
      line-height: 28px;
      font-weight: 400;
      letter-spacing: 0.3px;
    }

    .compare-at-price {
      font-family: 'MelbourneRegular', sans-serif;
      font-size: 26px;
      line-height: 30px;
      font-weight: 400;
      letter-spacing: 0.3px;
      text-decoration: line-through;
      color: var(--color-purple);
    }

    @media (max-width: 768px) {
      margin-top: 0;
      .price {
        font-size: 19px;
        line-height: 19px;
      }
      .compare-at-price {
        font-size: 19px;
        line-height: 19px;
      }
    }
  }
/* END_BLOCK:product_price */

/* START_BLOCK:product_pricing_disclosure (INDEX:115) */
.pricing-disclosure {
    margin-bottom: 10px;

    p {
      color: var(--color-black);
      font-size: 12px;
      letter-spacing: 0.3px;
      margin: 0;
    }
    .disclosure-popup-toggle {
      cursor: pointer;
      text-decoration: underline;
      margin-left: 5px;
      color: var(--color-darkpurple);
      letter-spacing: 0.3px;
    }

    .disclosure-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 999;

      &.is-open {
        display: block;
      }
    }

    .disclosure-popup {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1000;
      width: 90%;
      max-width: 750px;
      max-height: 80vh;
      overflow-y: auto;

      &.is-open {
        display: block;
      }

      .disclosure-popup-wrapper {
        background: #fff;
        border-radius: 8px;
        padding: 32px;
        position: relative;

        .close-button {
          position: absolute;
          top: 12px;
          right: 12px;
          background: none;
          border: none;
          cursor: pointer;
          padding: 4px;
          line-height: 0;
          color: #555;

          &:hover {
            color: #000;
          }
        }

        h2 {
          color: var(--color-darkpurple);
        }

        .disclosure-popup-text {
          p {
            color: var(--color-black);
            font-size: 14px;
            line-height: 18px;
          }
        }
      }
    }
  }

  body.disclosure-no-scroll {
    overflow: hidden;
  }
/* END_BLOCK:product_pricing_disclosure */

/* START_BLOCK:product_promo_cta_image (INDEX:116) */
.ms-product-promo-cta-image {
  display: flex;
  margin-bottom: 10px;
  img {
    width: 100%;
    border-radius: 10px;
  }

  @media (max-width: 768px) {
    img {
      border-radius: 7px;
    }
  }
}
/* END_BLOCK:product_promo_cta_image */

/* START_BLOCK:product_reviews_loox (INDEX:117) */
.product-reviews-loox {
    font-size: 0;
    margin-bottom: 10px;
    a {
      display: inline-block; 
      line-height: 1;
    }

    svg {
      width: 13px !important;
      height: 13px !important;
    }

    span.loox-rating-label {
      color: var(--color-black);
      font-size: 14px;
      font-family: var(--font-body);
      font-weight: 400;
      letter-spacing: 0.5px;
    }

    @media (max-width: 768px) {
      margin-bottom: 9px;
    }
  }
/* END_BLOCK:product_reviews_loox */

/* START_BLOCK:product_title (INDEX:118) */
h1.product-title {
    color: var(--color-darkpurple);
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 30px;

    @media (max-width: 768px) {
      font-size: 21px;
      line-height: 21px;
      font-weight: 400;
    }
  }
/* END_BLOCK:product_title */

/* START_BLOCK:product_variant_switcher (INDEX:119) */
.ms-variant-switcher {
  margin: 15px 0;

  .ms-variant-switcher__label {
    color: var(--color-darkpurple);
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
  }

  .ms-variant-switcher__pills {
    display: flex;
    gap: 0 8px;
    flex-wrap: wrap;
  }

  .ms-variant-switcher__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    margin: 7px 0 0;
    border-radius: 5px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border: none;
    background-color: var(--color-lightpurple);
    color: var(--color-darkpurple);
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;

    &:hover {
      background-color: rgb(var(--color-foreground));
      color: rgb(var(--color-background));
    }

    &.active {
      background-color: rgb(var(--color-foreground));
      color: rgb(var(--color-background));
      cursor: default;
      pointer-events: none;
    }
  }
}
/* END_BLOCK:product_variant_switcher */