@keyframes homeShopHeroSkeletonPulse{
  0%{opacity:.58}
  50%{opacity:1}
  100%{opacity:.58}
}

.home-shop-hero__product--loading{
  pointer-events:none;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton{
  display:block;
  background:linear-gradient(90deg,rgba(126,97,59,.10),rgba(255,255,255,.78),rgba(126,97,59,.10));
  background-size:220% 100%;
  border-radius:999px;
  animation:homeShopHeroSkeletonPulse 1.05s ease-in-out infinite;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton-media{
  width:100%;
  aspect-ratio:1/1;
  border-radius:18px;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton-chip{
  width:72px;
  height:24px;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton-title{
  width:82%;
  height:24px;
  margin-top:12px;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton-line{
  height:15px;
  margin-top:10px;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton-line--92{
  width:92%;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton-line--72{
  width:72%;
}

.home-shop-hero__product--loading .home-shop-hero__skeleton-button{
  width:100%;
  height:42px;
  margin-top:16px;
  border-radius:14px;
}

@media (prefers-reduced-motion:reduce){
  .home-shop-hero__product--loading .home-shop-hero__skeleton{
    animation:none;
  }
}