.hdt-sticky-add-to-cart__bar {
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    position: fixed;
    bottom: calc(8px + var(--bar-mobile-height, 7px));
    opacity: 0;
    transform: translateY(calc(100% + 4rem));
    z-index: calc(var(--layer-sticky) - 1); /* Below sticky header */
    width: calc(100% - 3rem - (var(--size-back-to-top, 0px) + 0.8rem) * var(--show-back-to-top, 0));
    inset-inline-end: calc(1.5rem + (var(--size-back-to-top, 0px) + 0.8rem) * var(--show-back-to-top, 0) );
    max-width: 54.6rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 1.7rem;
    border: 1px solid var(--color-line-border);
    padding: 1.5rem;
    .hdt-sticky-add-to-cart__image {
      display: none;
      flex: none;
      max-width: 11rem;
      align-self: flex-start;
      img {
        width: auto;
        height: auto;
        max-width: 12rem;
        max-height: 12rem;
      }
    }
    .hdt-sticky-add-to-cart__info-wrap {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      min-width: 0;
      column-gap: 1rem;
    }
    .hdt-sticky-add-to-cart__info {
      flex: 1 1 auto;
      min-width: 0;
      > * + * {
        margin-top: 0;
      }
      .hdt-sticky-add-to-cart__title, .hdt-sticky-add-to-cart__price {
        font-weight: var(--font-medium-or-bold);
      }
      .hdt-truncate {
        display: block;
      }
    }
    .hdt-sticky-add-to-cart__title {
      display: none;
    }
    .hdt-sticky-add-to-cart__variant {
      display: flex;
      align-items: center;
      column-gap: .7rem;
      font-weight: var(--font-medium-or-bold);
      .hdt-sticky-atc--variant-name {
        min-width: 2.2rem;
        > span {
          display: none;
        }
      }
      .hdt-slash-sep {
        width: 1.6rem;
        height: 1.6rem;
      }
    }
    .hdt-sticky-add-to-cart__button {
      --height-button: 4.4rem;
      --font-size-button: var(--text-sm);
      --padding-button: .5rem;
      margin-inline-end: 0;
      font-weight: var(--font-medium-or-bold);
      width: var(--height-button, 4.4rem);
      flex: none;
      svg {
        display: block;
        width: 1.6rem;
        height: auto;
      }
      > span > span {
        display: none;
      }
    }
    &[data-stuck='true'] {
      transform: translateY(0%);
      opacity: 1;
      @starting-style {
        opacity: 0;
        transform: translateY(calc(100% + 4rem));
      }
    }
    @media (min-width: 560px) {
      .hdt-sticky-add-to-cart__info-wrap {
        column-gap: 1.7rem;
      }
      .hdt-sticky-add-to-cart__button {
        --padding-button: 1rem 2rem;
        width: auto;
        min-width: 15.3rem;
        svg {
          display: none;
        }
        > span > span {
          display: block;
        }
      } 
      .hdt-sticky-add-to-cart__variant {
        .hdt-sticky-atc--variant-name {
          > span {
            display: inline; 
          }
          &:last-child {
            min-width: 5.3rem;
          }
        }
      }
    }
    @media (min-width: 768px) {
      bottom: calc(1.5rem + var(--bar-mobile-height, 0px));
      inset-inline-end: calc(var(--size-back-to-top, 0px) + 3rem);
      padding: 1rem;
      .hdt-sticky-add-to-cart__info-wrap {
        align-items: center;
      }
      .hdt-sticky-add-to-cart__info {
        > * + * {
          margin-top: .9rem;
        }
      }
      .hdt-sticky-add-to-cart__title {
        display: block;
      }
      .hdt-sticky-add-to-cart__image {
        display: block;
        max-width: 12rem;
        align-self: center;
      }
      .hdt-sticky-add-to-cart__button {
        margin-inline-end: .7rem;
      }
    }
    @media (min-width: 1024.02px) {
      bottom: calc(2rem + var(--bar-mobile-height, 0px));
      inset-inline-end: calc(var(--size-back-to-top, 0px) + 4rem);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .hdt-sticky-add-to-cart__bar {
      transition-property: transform, opacity, display;
      transition-duration: 0.3s;
      transition-timing-function: var(--ease-out-quad);
      transition-behavior: allow-discrete;
    }
  }