#npf-pjax-target {
position: relative;
min-height: 200px;
} #npf-list .npf-results-bar {
position: relative;
z-index: 1;
} #npf-pjax-target.is-loading #npf-list .products {
display: none; } #npf-pjax-target.is-loading #npf-list .npf-pagination,
#npf-pjax-target.is-loading #npf-list .woocommerce-pagination {
visibility: hidden;
pointer-events: none;
} #npf-list .npf-skeleton {
display: none; margin-top: .5rem;
} #npf-pjax-target.is-loading #npf-list .npf-skeleton {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .75rem;
align-content: start;
} .npf-sk-card{
height: 270px; border-radius: 12px;
overflow: hidden;
background: #f3f3f3;
box-shadow: 0 1px 4px rgba(0,0,0,.04);
display: grid;
grid-template-rows: 58% 42%;
}
.npf-sk-media{ background: #e8e8e8; }
.npf-sk-body{
padding: .6rem .7rem;
display: grid;
grid-auto-rows: max-content;
gap: .45rem;
}
.npf-sk-line{
height: .7rem;
border-radius: 6px;
background: #e4e4e4;
}
.npf-sk-line.short{ width: 60%; }
.npf-sk-line.tag{ width: 40%; height: .6rem; border-radius: 999px; } @keyframes sk-shimmer {
0%   { background-position: -200% 0; }
100% { background-position:  200% 0; }
}
.npf-sk-media, .npf-sk-line{
background-image: linear-gradient(90deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.45) 50%,
rgba(255,255,255,0) 100%);
background-size: 200% 100%;
animation: sk-shimmer 1.1s linear infinite;
} @media (prefers-reduced-motion: reduce){
.npf-sk-media, .npf-sk-line{ animation: none !important; }
} #npf-pjax-target.is-loading #npf-list .npf-skeleton{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .75rem;
align-content: start;
}
@media (min-width: 900px) {
#npf-pjax-target.is-loading #npf-list .npf-skeleton{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1500px) {
#npf-pjax-target.is-loading #npf-list .npf-skeleton{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 1900px) {
#npf-pjax-target.is-loading #npf-list .npf-skeleton{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
}
@media (min-width: 2400px) {
#npf-pjax-target.is-loading #npf-list .npf-skeleton{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
} #npf-list .npf-results-bar { position: relative; z-index: 1; } #npf-pjax-target.is-loading #npf-list > :not(.npf-results-bar):not(.npf-skeleton){
display: none !important;
} #npf-pjax-target.is-loading #npf-list ul.products,
#npf-pjax-target.is-loading #npf-list .products,
#npf-pjax-target.is-loading #npf-list .product,
#npf-pjax-target.is-loading #npf-list .woocommerce-pagination,
#npf-pjax-target.is-loading #npf-list .npf-pagination{
display: none !important;
} #npf-pjax-target:not(.is-loading) #npf-list .npf-skeleton,
#npf-pjax-target:not(.is-loading) #npf-list .npf-sk-card,
#npf-pjax-target:not(.is-loading) #npf-list .skeleton-box {
display: none !important;
}