.skeleton-card{background:var(--card-bg);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-image{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%);background-size:200% 100%;width:100%;padding-bottom:100%;animation:.5s infinite skeleton-loading}.skeleton-content{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.skeleton-text{background:linear-gradient(90deg, var(--skeleton-base,#f0f0f0) 25%, var(--skeleton-highlight,#e0e0e0) 50%, var(--skeleton-base,#f0f0f0) 75%);background-size:200% 100%;border-radius:4px;height:12px;animation:.5s infinite skeleton-loading}.skeleton-title{width:90%;height:16px;margin-bottom:8px}.skeleton-description{background:linear-gradient(90deg, var(--skeleton-base,#f0f0f0) 25%, var(--skeleton-highlight,#e0e0e0) 50%, var(--skeleton-base,#f0f0f0) 75%);background-size:200% 100%;width:100%;height:12px;animation:.5s infinite skeleton-loading}.skeleton-description.short{width:70%;margin-bottom:12px}.skeleton-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.skeleton-price{background:linear-gradient(90deg, var(--skeleton-base,#f0f0f0) 25%, var(--skeleton-highlight,#e0e0e0) 50%, var(--skeleton-base,#f0f0f0) 75%);background-size:200% 100%;width:40%;height:14px;font-weight:600;animation:.5s infinite skeleton-loading}.skeleton-button{background:linear-gradient(90deg, var(--skeleton-base,#f0f0f0) 25%, var(--skeleton-highlight,#e0e0e0) 50%, var(--skeleton-base,#f0f0f0) 75%);background-size:200% 100%;border-radius:4px;width:45%;height:32px;animation:.5s infinite skeleton-loading}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:2rem 0;display:grid}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.skeleton-card{height:auto}.skeleton-image{padding-bottom:120%}.skeleton-content{gap:6px;padding:12px}.skeleton-text{height:10px}.skeleton-title{height:14px}}