.header-cart {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.header-cart__link {
  font-family: 'DINCondensed', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.6px;
  display: block;
}
.header-cart__link-title {
  text-transform: uppercase;
  color: #8d8d8d;
}
.header-cart__link-count {
  color: #ed0f00;
}
.header-cart__search {
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.849 14.283A7.89 7.89 0 0 1 7.95 15.98C3.56 15.98 0 12.403 0 7.99S3.56 0 7.95 0c4.39 0 7.95 3.577 7.95 7.99a7.981 7.981 0 0 1-1.699 4.937l5.69 5.714L18.54 20l-5.692-5.717zm-4.899-.012c3.452 0 6.25-2.812 6.25-6.281 0-3.47-2.798-6.281-6.25-6.281S1.7 4.52 1.7 7.989c0 3.47 2.798 6.282 6.25 6.282z' fill='%239B9B9B' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 20px;
  width: 15px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .header-cart {
    margin-left: 10px;
  }
  .header-cart__search {
    margin-left: 10px;
  }
}
@media (max-width: 768px) {
  .header-cart {
    margin-left: auto;
    margin-right: 20px;
    transition: opacity 0.3s ease-in;
  }
  .header-cart__search {
    margin-left: 0;
    margin-right: 20px;
    width: 20px;
    transition: opacity 0.3s ease-in;
  }
  .header-cart--empty {
    opacity: 0;
    pointer-events: none;
  }
  .nav--open ~ .header-cart {
    opacity: 0;
    pointer-events: none;
  }
  .nav--open ~ .header-cart__search {
    opacity: 0;
    pointer-events: none;
  }
}