/* @import url('https://themesflat.co/html/vineta/css/bootstrap.min.css');

@import url('https://themesflat.co/html/vineta/fonts/fonts.css');

@import url('https://themesflat.co/html/vineta/fonts/font-icons.css');
@import url('https://themesflat.co/html/vineta/css/styles.css'); */

/* Hide skeleton by default */
.cart-items-skeleton {
  display: none;
      padding: 30px
}

/* Show skeleton when loading */
#cart-contents.loading .cart-items-skeleton {
  display: block;
}

/* Hide real cart items while loading */
#cart-contents.loading .tf-mini-cart-items > .tf-mini-cart-item {
  display: none;
}

/* Optional: Skeleton styles */
.skeleton-item {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  align-items: center;
}

.skeleton-img {
  width: 64px;
  height: 96px;
  background: #eee;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.skeleton-lines {
  flex-grow: 1;
}

.skeleton-lines span {
  display: block;
  height: 14px;
 
  margin-bottom: 10px;
  background: #eee;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

/* Line widths */
.skeleton-lines span:nth-child(1) {
  width: 80%;   /* product name */
}

.skeleton-lines span:nth-child(2) {
  width: 55%;   /* variation / price */
}

.skeleton-lines span:nth-child(3) {
  width: 35%;   /* quantity / meta */
}

/* Shimmer animation */
@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: 200px 0;
  }
}

.skeleton-img,
.skeleton-lines span {
  background: linear-gradient(
    90deg,
    #eee 25%,
    #f5f5f5 37%,
    #eee 63%
  );
  background-size: 400% 100%;
  animation: shimmer 1.4s infinite linear;
}

.empty-cart-block {
  margin-top: 70px;
}
.empty-cart-block .cart-empty {
text-align: center;

}

.empty-cart-block .cart-empty:before{
  background-color: currentColor;
    content: "";
    display: block;
    height: 5em;
    margin: 0 auto 2em;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 5em;
    width: 5em;

}
.tf-mini-cart-item.loading{
  opacity: 0.5;
  pointer-events: none;
}