/* Skeleton loading styles */
.pas-skeleton-loading {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}

.pas-skeleton-product {
  flex: 0 0 calc(100% / 4 - 15px);
  padding: 15px;
  box-sizing: border-box;
}

.pas-skeleton-image {
  width: 100%;
  height: 200px;
  background: #e0e0e0;
  margin-bottom: 10px;
  border-radius: 4px;
  animation: pas-skeleton-pulse 1.5s infinite;
}

.pas-skeleton-title {
  width: 80%;
  height: 20px;
  background: #e0e0e0;
  margin: 0 auto 8px;
  border-radius: 4px;
}

.pas-skeleton-price {
  width: 40%;
  height: 20px;
  background: #e0e0e0;
  margin: 0 auto;
  border-radius: 4px;
  animation: pas-skeleton-pulse 1.5s infinite;
}

@keyframes pas-skeleton-pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

/* Responsive skeleton */
@media (max-width: 767px) {
  .pas-skeleton-product {
    flex: 0 0 70%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pas-skeleton-product {
    flex: 0 0 calc(100% / 3 - 15px);
  }
}