.jet-listing-grid.kamar-skeleton-active .jet-smart-filters-preloader,
.jet-listing-grid.kamar-skeleton-active .jet-listing-grid__loader {
display: none !important;
}
.kamar-skeleton-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
background: #fff;
}
.kamar-skeleton-active .kamar-skeleton-overlay {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.kamar-skeleton-card {
padding: 10px;
box-sizing: border-box;
}
.kamar-skeleton-card-inner {
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.kamar-skeleton-img {
width: 100%;
padding-bottom: 100%;
background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: kamar-skeleton-pulse 1.5s ease-in-out infinite;
}
.kamar-skeleton-text {
padding: 12px;
}
.kamar-skeleton-line {
height: 12px;
background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: kamar-skeleton-pulse 1.5s ease-in-out infinite;
border-radius: 4px;
margin-bottom: 8px;
}
.kamar-skeleton-line:nth-child(1) { width: 85%; }
.kamar-skeleton-line:nth-child(2) { width: 60%; }
.kamar-skeleton-line:nth-child(3) { width: 40%; height: 16px; margin-top: 12px; }
@keyframes kamar-skeleton-pulse {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
@media (min-width: 1025px) {
.kamar-skeleton-card { flex: 0 0 25%; max-width: 25%; }
.kamar-skeleton-cols-2 .kamar-skeleton-card { flex: 0 0 50%; max-width: 50%; }
.kamar-skeleton-cols-3 .kamar-skeleton-card { flex: 0 0 33.333%; max-width: 33.333%; }
.kamar-skeleton-cols-4 .kamar-skeleton-card { flex: 0 0 25%; max-width: 25%; }
.kamar-skeleton-cols-5 .kamar-skeleton-card { flex: 0 0 20%; max-width: 20%; }
.kamar-skeleton-cols-6 .kamar-skeleton-card { flex: 0 0 16.666%; max-width: 16.666%; }
}
@media (min-width: 705px) and (max-width: 1024px) {
.kamar-skeleton-card { flex: 0 0 33.333%; max-width: 33.333%; }
}
@media (max-width: 704px) {
.kamar-skeleton-card { flex: 0 0 50%; max-width: 50%; }
}
.jet-filters-pagination__item.kamar-prefetching .jet-filters-pagination__link {
opacity: 0.7;
}