.ppl-actions { min-height: 48px; margin-top: 2rem; }
.ppl-status { margin: .75rem 0 0; color: #687188; }
.ppl-load-error { color: #d94f4f; }
.ppl-skeleton { pointer-events: none; }
.ppl-skeleton .ppl-skeleton-card { overflow: hidden; min-height: 365px; border-radius: 15px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.ppl-skeleton-shimmer, .ppl-skeleton-line { position: relative; overflow: hidden; background: #eef1f5; }
.ppl-skeleton-shimmer { aspect-ratio: 1 / 1; }
.ppl-skeleton-content { padding: 15px; }
.ppl-skeleton-line { height: 12px; margin: 10px 0; border-radius: 999px; }
.ppl-skeleton-line.short { width: 58%; }
.ppl-skeleton-line.price { width: 35%; height: 20px; margin-top: 20px; }
.ppl-skeleton-shimmer::after, .ppl-skeleton-line::after { content: ''; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); animation: ppl-shimmer 1.3s infinite; }
.ppl-enter { animation: ppl-fade-in .22s ease-out both; }
.ppl-image-loading .product-img { background: #eef1f5; min-height: 180px; }
.ppl-image-loading img { opacity: .12; transition: opacity .25s ease; }
.ppl-image-ready img { opacity: 1; }
@keyframes ppl-shimmer { to { transform: translateX(100%); } }
@keyframes ppl-fade-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .ppl-skeleton-shimmer::after, .ppl-skeleton-line::after, .ppl-enter { animation: none; } }