.product-quick-view{
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  bottom: auto;
  transition: all 0.3s var(--ease-out-slow);
  max-width:calc(100% - 2rem);
  height: 100%;
  z-index: 1003;
  border-radius: var(--media-radius);
  background-color: rgb(var(--color-drawer-background));
  isolation: isolate;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.product-quick-view.quick-view-loaded {
  pointer-events: all;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  
}
.modal.product-quick-view.modal--drawer {
  left: unset;
  top: 0;
  right: 0;
  transform: unset;
  height: 100%;
  max-width: 448px;

  .product-quick-view__product-content {
    padding: 0;

    .product {
      height: 100%;
      flex-direction: column;

      .product-quick-view__close {
        top: 1.4rem;
      }

      .product__head {
        padding: 2.4rem;
      }

      .product__media-wrapper,.product__info-wrapper {
        width: 100%;
        flex: unset;
        max-width: 100%;
      }

      .product__media-wrapper {
        .thumbnail-carousel {
          padding: 0 2.4rem;
        }
      }

      .product__info-wrapper {
        height: 100%;
        padding: 2.4rem 0 0;

        .product__info-container {
          display: flex;
          flex-direction: column;
        }

        product-info {
          display: block;
          height: 100%;
        }

        .product__info-blocks {
          flex: 1;
          overflow: auto;
          padding: 0 2.4rem;

          .product__price {
            .price__free {
              dl {
                margin-top: 0;
                margin-bottom: 0;
              }

              span,s {
                font-size: var(--text-size-base);
              }

              span {
                font-weight: 500;
              }
            }
          }

          .product__tax {
            margin-top: 0;
          }
        }

        .product__info-footer {
          padding: 0 2.4rem;
          border-top: 1px solid rgb(var(--color-border));

          .buy-buttons {
            .product-form {
              margin-bottom: 0.8rem;
            }

            .product-back-in-stock:has(bis-form[style*="display: none"]) {
              margin: 0;
            }
          }

          .block .btn {
            text-transform: capitalize;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 1;
          }
        }
      }
    }
  }
}
.product-quick-view__overlay{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--color-overlay) / 0.7);
  backdrop-filter: blur(var(--backdrop-blur));
  opacity: 0;
  visibility: hidden;
  transition: all .25s var(--ease-out-slow);
  pointer-events: none;
  display: block !important;
  z-index: 1002;
}
body.quickview-open{
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}
body.quickview-open .product-quick-view__overlay, body.template-product-quick-view .product-quick-view__overlay{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
body.template-product-quick-view .product-quick-view{
  transition: none;
}
.product-quick-view__content{
  overflow-y: auto;
  max-height: 100%;
  height: 100%;
 
}
.product-quick-view__product-content{
    padding:2rem;
    height: 100%;

    .w-full_quickview {
      height: 100%;
    }
  }  
@media screen and (min-width: 768px){
  .product-quick-view__product-content{
    padding:3.5rem;
  }  
  .product-quick-view{
    top: 0%;
    right:0;
    width: 100%;
    max-width: 1060px;
    
  }
}

.product-quick-view__close{
  position: absolute;
  top:1.2rem;
  inset-inline-end:1.2rem;
}
#product-quick-view__product-content.is-loading {
  opacity: 0;
}

#product-quick-view__product-content {
  opacity: 1;
  transition: opacity 0.2s ease;
}