.product-skeleton-card {
   border: 1px solid #ececec;
   border-radius: 10px;
   padding: 12px;
   background: #fff;
 }

 .skeleton-block {
   display: block;
   width: 100%;
   border-radius: 8px;
   background: linear-gradient(90deg, #f1f1f1 25%, #e7e7e7 37%, #f1f1f1 63%);
   background-size: 400% 100%;
   animation: product-skeleton-loading 1.2s ease-in-out infinite;
 }

 .skeleton-image {
   aspect-ratio: 1 / 1;
   margin-bottom: 14px;
 }

 .skeleton-line {
   height: 12px;
   margin-bottom: 10px;
 }

 .skeleton-line.short {
   width: 62%;
 }

 .skeleton-line.price {
   width: 40%;
   margin-top: 14px;
 }

 .skeleton-btn {
   height: 40px;
   margin-top: 16px;
   border-radius: 8px;
 }

 @keyframes product-skeleton-loading {
   0% {
     background-position: 100% 0;
   }

   100% {
     background-position: 0 0;
   }
 }