/*? Skeleton loader */
.container-skeleton{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.loading-skeleton{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
}

.skeleton-block{
  background: #eee;
  border-radius: 8px;
  animation: pulse 1.5s ease-in-out infinite;
}

.skeleton-thumb{
  width: 100%;
  height: 140px;
}

.skeleton-title{
  width: 80%;
  height: 16px;
}

.skeleton-price{
  width: 40%;
  height: 16px;
}

@keyframes pulse {
  0%   { background-color: #eee; }
  50%  { background-color: #ddd; }
  100% { background-color: #eee; }
}

@media (max-width: 900px){
  .container-skeleton{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .container-skeleton{ grid-template-columns: 1fr; }
}

/*? highligths product */

.sm-highlighted-product {
    border: 2px solid #2196f3;
    border-radius: 12px;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 0 4px 10px rgba(33, 150, 243, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
}

/* Efecto hover */
.sm-highlighted-product:hover {
    box-shadow: none;
    border: none;
}