header nav .nav-tools .nav-cart-button {
 background-image: url('../../../../icons/cart.svg');
 background-repeat: no-repeat;
 background-position: center;
 position: relative;
 display: block;
}

header nav .nav-tools .nav-cart-button[data-count] {
  &::after {
    content: attr(data-count);
    position: absolute;
    top: 6px;
    right: 2px;
    color: var(--color-black);
    width: 20px;
    height: 16px;
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 0;
    letter-spacing: 0;
    justify-content: center;
  }

  &::before {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    background-color: var(--color-primary-blue-500);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: flex;
  }
}

/* Mini Cart  */

.cart-mini-cart:not(:has(.cart-empty-cart)) {
 max-height: 760px;
 min-height: 360px;
}

/* If viewport height is below max, set max height to 90% of viewport */
@media (height < 820px) {
 .cart-mini-cart:not(:has(.cart-empty-cart)) {
  max-height: calc(100vh - var(--nav-height));
 }
}

@media (width >= 1024px) {
 header nav .minicart-panel {
  width: 398px;
 }
}

@media (width < 1024px) {
 header .minicart-wrapper {
  order: 1;
  margin-top: -3px;
 }
}