@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;display:inline-block}.skeleton-rect{width:100%;height:20px}.skeleton-circle{border-radius:50%}.skeleton-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);padding:0;display:flex;flex-direction:column}.skeleton-card .skeleton-image{height:200px;width:100%}.skeleton-card .skeleton-content{padding:20px;display:flex;flex-direction:column;gap:12px}.skeleton-card .skeleton-title{height:24px;width:80%}.skeleton-card .skeleton-text{height:14px;width:100%}.skeleton-card .skeleton-price{height:32px;width:60%;margin:10px 0}.skeleton-card .skeleton-btns{display:flex;gap:10px;margin-top:10px}.skeleton-card .skeleton-btns .skeleton-btn{height:40px;flex:1 1;border-radius:200px}.skeleton-banner{height:600px;width:100%;position:relative;overflow:hidden}.skeleton-banner .skeleton-banner-content{position:absolute;top:50%;left:10%;transform:translateY(-50%);width:40%;display:flex;flex-direction:column;gap:20px;z-index:2}.skeleton-banner .skeleton-h1{height:60px;width:100%}.skeleton-banner .skeleton-p{height:20px;width:80%}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px;padding:20px}.skeleton-section{padding:60px 0}.skeleton-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.skeleton-section .skeleton-header{margin-bottom:40px}.skeleton-section .skeleton-header .skeleton-title{height:40px;width:300px;margin-bottom:10px}.skeleton-section .skeleton-header .skeleton-subtitle{height:20px;width:500px}