/* CSS from section stylesheet tags */
.best-seller-slider-wrapper {
    overflow: hidden;

    .quick-add {
      .quick-add__submit {
        width: calc(100% - 80px);
      }
    
      .quick-add__submit {
        @media (max-width: 768px) {
          width: calc(100% - 32px);
        }
      }
    }
   
    .best-seller-slider-intro {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 32px;
      margin-bottom: 24px;

      @media(max-width: 768px) {
        margin-bottom: 20px;
      }

      h2 {
        margin: 0;
      }
      
      .arrows {
        display: flex;
        align-items: center;
        gap: 8px;

         @media(max-width: 768px) {
          display:none;
        }

        span {
          width: 52px;
          height: 52px;
          display: inline-flex;
          background-size: contain;
          background-repeat: no-repeat;
          cursor: pointer;

          &.left {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' fill='white'/%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M23.1848 26.3568C23.1446 26.2443 23.125 26.125 23.125 25.9999C23.125 25.8747 23.1446 25.7554 23.1848 25.6429C23.2268 25.5252 23.2973 25.4189 23.3925 25.3237L27.2551 21.4611C27.4348 21.2814 27.6636 21.1936 27.9313 21.1936C28.199 21.1936 28.4278 21.2814 28.6075 21.4611C28.7871 21.6408 28.875 21.8696 28.875 22.1373C28.875 22.4049 28.7871 22.6338 28.6075 22.8134L25.4211 25.9999L28.6075 29.1863C28.7871 29.366 28.875 29.5948 28.875 29.8625C28.875 30.1301 28.7871 30.3589 28.6075 30.5386C28.4278 30.7183 28.199 30.8062 27.9313 30.8062C27.6636 30.8062 27.4348 30.7183 27.2551 30.5386L23.3925 26.676C23.2973 26.5808 23.2268 26.4745 23.1848 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
          &.right {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='50' height='50' rx='7' fill='white'/%3E%3Crect x='1' y='1' width='50' height='50' rx='7' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M28.8152 26.3568C28.8554 26.2443 28.875 26.125 28.875 25.9999C28.875 25.8747 28.8554 25.7554 28.8152 25.6429C28.7732 25.5252 28.7027 25.4189 28.6075 25.3237L24.7449 21.4611C24.5652 21.2814 24.3364 21.1936 24.0687 21.1936C23.801 21.1936 23.5722 21.2814 23.3925 21.4611C23.2129 21.6408 23.125 21.8696 23.125 22.1373C23.125 22.4049 23.2129 22.6338 23.3925 22.8134L26.5789 25.9999L23.3925 29.1863C23.2129 29.366 23.125 29.5948 23.125 29.8625C23.125 30.1301 23.2129 30.3589 23.3925 30.5386C23.5722 30.7183 23.801 30.8062 24.0687 30.8062C24.3364 30.8062 24.5652 30.7183 24.7449 30.5386L28.6075 26.676C28.7027 26.5808 28.7732 26.4745 28.8152 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
        }
      }
    }
    .slick-slide {
        margin: 0 4px;
    }
  
    .slick-list {
        margin: 0 -4px;
      
        @media(max-width: 480px) {
            padding: 0 20% 0 0;
        }
    }
    .best-seller-slider {

      @media(max-width: 768px) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }
      
      .best-seller-item {
        border-radius: 8px;
        background: var(--primary-section-300);
        text-align: center;
        padding-bottom: 56px;

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

        &:nth-child(n+9) {
          @media(max-width: 768px) {
            display: none;
          }
        }
        

        .product-image {
          margin-bottom: 32px;
          position: relative;
          padding: 32px 32px 0;

           @media(max-width: 768px) {
            padding: 16px 12px 0;
             margin-bottom: 24px;
          }
          
          a {
            img {
              margin: 0 auto;
              border-radius: 8px;

              &.primary-image {
                display: block;
                transition: opacity 0.3s ease-in-out;
                width: 100%;
              }
              &.hover-image {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
              }

              &.variant-image {
                display: none;

                &.active {
                 opacity: 1;
                  visibility: visible;
                }
              }
            }

            /* &:hover:has(.hover-image) {
              img {
                &.primary-image {
                  opacity: 0;
                }
                &.hover-image {
                  display: block;
                  object-fit: contain;
                }
              }
            } */
          }
        }

        
        .product-title {
          color: var(--black-100-base);
          font-weight: 800;
          line-height: var(--large);
          margin-top: 0;
          margin-bottom: 0;
          padding: 0 56px;

          @media(max-width: 768px) {
            font-size: 14px;
            line-height: 18px;
            padding: 0 16px;
          }

          a {
            color: inherit;
            text-decoration: none;
          }
        }
        .product-price {
          color: var(--white-700-p);
          font-size: var(--small);
          font-weight: 800;
          line-height: var(--big);
          margin: 12px 0 0;


          .sale-price {
            color: var(--alert-700);
          }

          .original-price:empty ~ .sale-price {
            color: var(--white-700-p);
          }
        }

        .swatches {
          margin: 15px 0 0;

          .swatch-single {
            margin: 0;
          }
        }
        
      }
    }

    .see-all-bestsellers {
      display: none;
      padding: 20px 32px;
      font-size: 14px;
      line-height: 18px;
      font-weight: 800;
      color: var(--black-100-base);
      border-radius: 8px;
      border: 2px solid var(--Black-100---Base, #221D1B);
      background: var(--White-100---Base, #FFF);
      text-decoration: none;
      
      @media(max-width: 768px) {
        display: flex;
        margin: 32px auto 0;
       justify-content: center;;
      }
    }
  }
.new-releases-slider-wrapper {
    overflow: hidden;

    @media(max-width: 768px) {
      margin-bottom: var(--spacing-small) !important;
    }
   
    .new-releases-slider-intro {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 32px;
      margin-bottom: 40px;

      h2 {
        margin: 0;
      }
      
      .arrows {
        display: flex;
        align-items: center;
        gap: 8px;

         @media(max-width: 768px) {
          display:none;
        }

        span {
          width: 52px;
          height: 52px;
          display: inline-flex;
          background-size: contain;
          background-repeat: no-repeat;
          cursor: pointer;

          &.left {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' fill='white'/%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M23.1848 26.3568C23.1446 26.2443 23.125 26.125 23.125 25.9999C23.125 25.8747 23.1446 25.7554 23.1848 25.6429C23.2268 25.5252 23.2973 25.4189 23.3925 25.3237L27.2551 21.4611C27.4348 21.2814 27.6636 21.1936 27.9313 21.1936C28.199 21.1936 28.4278 21.2814 28.6075 21.4611C28.7871 21.6408 28.875 21.8696 28.875 22.1373C28.875 22.4049 28.7871 22.6338 28.6075 22.8134L25.4211 25.9999L28.6075 29.1863C28.7871 29.366 28.875 29.5948 28.875 29.8625C28.875 30.1301 28.7871 30.3589 28.6075 30.5386C28.4278 30.7183 28.199 30.8062 27.9313 30.8062C27.6636 30.8062 27.4348 30.7183 27.2551 30.5386L23.3925 26.676C23.2973 26.5808 23.2268 26.4745 23.1848 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
          &.right {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='50' height='50' rx='7' fill='white'/%3E%3Crect x='1' y='1' width='50' height='50' rx='7' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M28.8152 26.3568C28.8554 26.2443 28.875 26.125 28.875 25.9999C28.875 25.8747 28.8554 25.7554 28.8152 25.6429C28.7732 25.5252 28.7027 25.4189 28.6075 25.3237L24.7449 21.4611C24.5652 21.2814 24.3364 21.1936 24.0687 21.1936C23.801 21.1936 23.5722 21.2814 23.3925 21.4611C23.2129 21.6408 23.125 21.8696 23.125 22.1373C23.125 22.4049 23.2129 22.6338 23.3925 22.8134L26.5789 25.9999L23.3925 29.1863C23.2129 29.366 23.125 29.5948 23.125 29.8625C23.125 30.1301 23.2129 30.3589 23.3925 30.5386C23.5722 30.7183 23.801 30.8062 24.0687 30.8062C24.3364 30.8062 24.5652 30.7183 24.7449 30.5386L28.6075 26.676C28.7027 26.5808 28.7732 26.4745 28.8152 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
        }
      }
    }
     .slick-slide {
        margin: 0 4px;
    }
  
    .slick-list {
        margin: 0 -4px;
      
        @media(max-width: 480px) {
            padding: 0 20% 0 0;
        }
    }
    .new-releases-slider {

      @media(max-width: 768px) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }

      .quick-add {
        .quick-add__submit {
          width: calc(100% - 80px);
        }
      
        .quick-add__submit {
          @media (max-width: 768px) {
            width: calc(100% - 32px);
          }
        }
      }
      
      .new-releases-item {
        border-radius: 8px;
        background: var(--primary-section-300);
        /* padding: 56px; */
        padding-bottom: 56px;
        text-align: center;

        &:nth-child(n+9) {
          @media(max-width: 768px) {
            display: none;
          }
        }
        

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

        .product-image {
          margin-bottom: 32px;
          position: relative;
          padding: 56px 56px 0;

           @media(max-width: 768px) {
            padding: 24px 12px 0;
          }
          
          a {
            img {
              margin: 0 auto;
              border-radius: 8px;

              &.primary-image {
                display: block;
                transition: opacity 0.3s ease-in-out;
              }
              &.hover-image {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
              }
            }

            /* &:hover:has(.hover-image) {
              img {
                &.primary-image {
                  opacity: 0;
                }
                &.hover-image {
                  display: block;
                  object-fit: contain;
                }
              }
            } */
          }
        }
        .product-title {
          color: var(--black-100-base);
          font-weight: 800;
          line-height: var(--large);
          margin-top: 0;
          margin-bototm: 12px;

          @media(max-width: 768px) {
            font-size: 14px;
            line-height: 18px;
          }

          a {
            color: inherit;
            text-decoration: none;
          }
        }
        .product-price {
          color: var(--white-700-p);
          font-size: var(--small);
          font-weight: 800;
          line-height: var(--big);

          .sale-price {
            color: var(--alert-700);
          }

          .original-price:empty ~ .sale-price {
            color: var(--white-700-p);
          }
        }
        
      }
    }

    .see-all-bestsellers {
      display: none;
      padding: 20px 32px;
      font-size: 14px;
      line-height: 18px;
      font-weight: 800;
      color: var(--black-100-base);
      border-radius: 8px;
      border: 2px solid var(--Black-100---Base, #221D1B);
      background: var(--White-100---Base, #FFF);
      text-decoration: none;
      
      @media(max-width: 768px) {
        display: flex;
        margin: 32px auto 0;
       justify-content: center;;
      }
    }
  }
.recently-viewed-products-wrapper {
    overflow: hidden;


    &.no-slider {
      .arrows {
        display: none !important;
      }

      .recently-viewed-products-slider {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 8px;

        @media(max-width: 1024px) {
          grid-template-columns: repeat(3, 1fr);
        }
        @media(max-width: 768px) {
          grid-template-columns: repeat(2, 1fr);
        }
      }
    }
   
    .recently-viewed-products-intro {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 32px;
      margin-bottom: 24px;

      h2 {
        margin: 0;
      }
      
      .arrows {
        display: flex;
        align-items: center;
        gap: 8px;
        
        @media(max-width: 768px) {
          display:none;
        }

        span {
          width: 52px;
          height: 52px;
          display: inline-flex;
          background-size: contain;
          background-repeat: no-repeat;
          cursor: pointer;

          &.left {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' fill='white'/%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M23.1848 26.3568C23.1446 26.2443 23.125 26.125 23.125 25.9999C23.125 25.8747 23.1446 25.7554 23.1848 25.6429C23.2268 25.5252 23.2973 25.4189 23.3925 25.3237L27.2551 21.4611C27.4348 21.2814 27.6636 21.1936 27.9313 21.1936C28.199 21.1936 28.4278 21.2814 28.6075 21.4611C28.7871 21.6408 28.875 21.8696 28.875 22.1373C28.875 22.4049 28.7871 22.6338 28.6075 22.8134L25.4211 25.9999L28.6075 29.1863C28.7871 29.366 28.875 29.5948 28.875 29.8625C28.875 30.1301 28.7871 30.3589 28.6075 30.5386C28.4278 30.7183 28.199 30.8062 27.9313 30.8062C27.6636 30.8062 27.4348 30.7183 27.2551 30.5386L23.3925 26.676C23.2973 26.5808 23.2268 26.4745 23.1848 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
          &.right {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='50' height='50' rx='7' fill='white'/%3E%3Crect x='1' y='1' width='50' height='50' rx='7' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M28.8152 26.3568C28.8554 26.2443 28.875 26.125 28.875 25.9999C28.875 25.8747 28.8554 25.7554 28.8152 25.6429C28.7732 25.5252 28.7027 25.4189 28.6075 25.3237L24.7449 21.4611C24.5652 21.2814 24.3364 21.1936 24.0687 21.1936C23.801 21.1936 23.5722 21.2814 23.3925 21.4611C23.2129 21.6408 23.125 21.8696 23.125 22.1373C23.125 22.4049 23.2129 22.6338 23.3925 22.8134L26.5789 25.9999L23.3925 29.1863C23.2129 29.366 23.125 29.5948 23.125 29.8625C23.125 30.1301 23.2129 30.3589 23.3925 30.5386C23.5722 30.7183 23.801 30.8062 24.0687 30.8062C24.3364 30.8062 24.5652 30.7183 24.7449 30.5386L28.6075 26.676C28.7027 26.5808 28.7732 26.4745 28.8152 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
        }
      }
    }
     .slick-slide {
        margin: 0 4px;
    }
  
    .slick-list {
        margin: 0 -4px;
      
        @media(max-width: 480px) {
            padding: 0 20% 0 0;
        }
    }
    .recently-viewed-products-slider {
      @media(max-width: 768px) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }
      
      .recently-viewed-products-item {
        border-radius: 8px;
        background: var(--primary-section-300);
        padding-bottom: 56px;
        text-align: center;

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

         &:nth-child(n+9) {
          @media(max-width: 768px) {
            display: none;
          }
        }

        .product-image {
          margin-bottom: 32px;
          position: relative;
          padding: 32px 32px 0;

           @media(max-width: 768px) {
            padding: 16px 12px 0;
          }
          
          a {
            img {
              margin: 0 auto;

              &.primary-image {
                display: block;
                transition: opacity 0.3s ease-in-out;
                width: 100%;
              }
              &.hover-image {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
              }
              &.variant-image {
                display: none;
              }
            }

            /* &:hover {
              img {
                &.primary-image {
                  opacity: 0;
                }
                &.hover-image {
                  display: block;
                  object-fit: contain;
                }
              }
            } */
          }
        }
        .product-title {
          color: var(--black-100-base);
          font-weight: 800;
          line-height: var(--large);
          margin-top: 0;
          margin-bottom: 0;
          padding: 0 56px;

           @media(max-width: 768px) {
            font-size: 14px;
            line-height: 18px;
             padding: 0 16px;
          }

          a {
            color: inherit;
            text-decoration: none;
          }
        }
        .product-price {
          color: var(--white-700-p);
          font-size: var(--small);
          font-weight: 800;
          margin: 12px 0 0;
  
          .sale-price {
            color: var(--alert-700);
          }
        }
        .swatches {
          margin: 15px 0 0;

          .swatch-single {
            margin: 0;
          }
        }
      }
    }
  }
.page-productfrontpage {
  .quick-add__submit {
    background-color: transparent;
  }
}
.new-releases-wrapper {
  overflow: hidden;


  .new-releases-slider-intro {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 24px;

    @media(max-width: 768px) {
        margin-bottom: 20px;
      }

    h2 {
      margin: 0;
    }

    .arrows {
        display: flex;
        align-items: center;
        gap: 8px;

        @media(max-width: 768px) {
          display:none;
        }

        span {
          width: 52px;
          height: 52px;
          display: inline-flex;
          background-size: contain;
          background-repeat: no-repeat;
          cursor: pointer;

          &.left {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' fill='white'/%3E%3Crect x='-1' y='1' width='50' height='50' rx='7' transform='matrix(-1 0 0 1 50 0)' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M23.1848 26.3568C23.1446 26.2443 23.125 26.125 23.125 25.9999C23.125 25.8747 23.1446 25.7554 23.1848 25.6429C23.2268 25.5252 23.2973 25.4189 23.3925 25.3237L27.2551 21.4611C27.4348 21.2814 27.6636 21.1936 27.9313 21.1936C28.199 21.1936 28.4278 21.2814 28.6075 21.4611C28.7871 21.6408 28.875 21.8696 28.875 22.1373C28.875 22.4049 28.7871 22.6338 28.6075 22.8134L25.4211 25.9999L28.6075 29.1863C28.7871 29.366 28.875 29.5948 28.875 29.8625C28.875 30.1301 28.7871 30.3589 28.6075 30.5386C28.4278 30.7183 28.199 30.8062 27.9313 30.8062C27.6636 30.8062 27.4348 30.7183 27.2551 30.5386L23.3925 26.676C23.2973 26.5808 23.2268 26.4745 23.1848 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
          &.right {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='50' height='50' rx='7' fill='white'/%3E%3Crect x='1' y='1' width='50' height='50' rx='7' stroke='%23221D1B' stroke-width='2'/%3E%3Cpath d='M28.8152 26.3568C28.8554 26.2443 28.875 26.125 28.875 25.9999C28.875 25.8747 28.8554 25.7554 28.8152 25.6429C28.7732 25.5252 28.7027 25.4189 28.6075 25.3237L24.7449 21.4611C24.5652 21.2814 24.3364 21.1936 24.0687 21.1936C23.801 21.1936 23.5722 21.2814 23.3925 21.4611C23.2129 21.6408 23.125 21.8696 23.125 22.1373C23.125 22.4049 23.2129 22.6338 23.3925 22.8134L26.5789 25.9999L23.3925 29.1863C23.2129 29.366 23.125 29.5948 23.125 29.8625C23.125 30.1301 23.2129 30.3589 23.3925 30.5386C23.5722 30.7183 23.801 30.8062 24.0687 30.8062C24.3364 30.8062 24.5652 30.7183 24.7449 30.5386L28.6075 26.676C28.7027 26.5808 28.7732 26.4745 28.8152 26.3568Z' fill='%23221D1B' stroke='%23221D1B' stroke-width='0.25'/%3E%3C/svg%3E%0A");
          }
        }
      }
  }
    .slick-slide {
        margin: 0 4px;
    }
  
    .slick-list {
        margin: 0 -4px;
      
        @media(max-width: 480px) {
            padding: 0 20% 0 0;
        }
    }

  .new-releases-slider {
    
    @media(max-width: 768px) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }


    .quick-add {
      
      .quick-add__submit {
        width: calc(100% - 80px);
      }
    
      .quick-add__submit {
        @media (max-width: 768px) {
          width: calc(100% - 32px);
        }
      }
    }

    
    .new-releases-item {
      border-radius: 8px;
      background: var(--primary-section-300);
      text-align: center;
      padding-bottom: 56px;

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

      &:nth-child(n+5) {
        @media(max-width: 768px) {
          display: none;
        }
      }

      .product-image {
          margin-bottom: 32px;
          position: relative;
          padding: 32px 32px 0;

          @media(max-width: 768px) {
            padding: 16px 12px 0;
            margin-bottom: 24px;
          }
          
          a {
            img {
              margin: 0 auto;

              &.primary-image {
                display: block;
                transition: opacity 0.3s ease-in-out;
                width: 100%;
              }
              &.hover-image {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
              }
              &.variant-image {
                display: none;

                &.active {
                 opacity: 1;
                  visibility: visible;
                }
              }
            }

            /* &:hover:has(.hover-image) {
              img {
                &.primary-image {
                  opacity: 0;
                }
                &.hover-image {
                  display: block;
                  object-fit: contain;
                }
              }
            } */
          }
        }


      .product-title {
        color: var(--black-100-base);
        font-weight: 800;
        margin: 0 0 0;
        padding: 0 56px;

         @media(max-width: 768px) {
            font-size: 14px;
            line-height: 18px;
             padding: 0 16px;
          }

         a {
            color: inherit;
            text-decoration: none;
          }
      }

      .product-price {
          color: var(--white-700-p);
          font-size: var(--small);
          font-weight: 800;
          line-height: var(--big);
          margin: 12px 0 0;

          .sale-price {
            color: var(--alert-700);
          }

          .original-price:empty ~ .sale-price {
            color: var(--white-700-p);
          }
        }
        .swatches {
          margin: 15px 0 0;

          .swatch-single {
            margin: 0;
          }
        }

    }
  }
  .see-all-new-releases {
      display: none;
      padding: 20px 32px;
      font-size: 14px;
      line-height: 18px;
      font-weight: 800;
      color: var(--black-100-base);
      border-radius: 8px;
      border: 2px solid var(--Black-100---Base, #221D1B);
      background: var(--White-100---Base, #FFF);
      text-decoration: none;
      
      @media(max-width: 768px) {
        display: flex;
        margin: 32px auto 0;
       justify-content: center;;
      }
    }
}