.shop-skeleton { padding: 20px 0 }
.shop-skeleton-line { height: 14px; border-radius: 6px; margin: 0 0 12px 0; background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%); background-size: 200% 100%; animation: shop-shimmer 1.2s ease-in-out infinite }
.shop-skeleton-line.short { width: 55% }
.shop-skeleton-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 16px 0 }
.shop-skeleton-card { border: 1px solid var(--cc-bx-border); border-radius: 14px; padding: 0; background: #fff; overflow: hidden }
.shop-skeleton-thumb { aspect-ratio: 1; margin: 0; border-radius: 0; background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shop-shimmer 1.2s ease-in-out infinite }
.shop-skeleton-card .shop-skeleton-line { margin: 10px 12px 0 12px }
.shop-skeleton-card .shop-skeleton-line.short { margin-bottom: 12px }
@keyframes shop-shimmer { 0% { background-position: 200% 0 } 100% { background-position: -200% 0 } }
@media (max-width: 992px) { .shop-skeleton-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media (max-width: 600px) { .shop-skeleton-grid { grid-template-columns: 1fr 1fr } }
@media (max-width: 380px) { .shop-skeleton-grid { grid-template-columns: 1fr } }