@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-base{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#f6f7f8;background-image:linear-gradient(90deg,#f6f7f8,#edeef1,#f6f7f8);background-size:200px 100%;background-repeat:no-repeat;border-radius:4px;animation:skeleton-loading 1.2s ease-in-out infinite}.page-loading{min-height:100vh;background-color:#fff}.header-skeleton{background-color:#fff;border-bottom:1px solid #e9ecef;padding:1rem 0}.skeleton-logo{@extend .skeleton-base;width:120px;height:40px;border-radius:8px}.skeleton-nav{gap:2rem}.skeleton-nav-item{@extend .skeleton-base;width:80px;height:20px}.skeleton-actions{gap:1rem}.skeleton-action-btn{@extend .skeleton-base;width:36px;height:36px;border-radius:50%}.banner-skeleton{padding:4rem 0;background-color:#f8f9fa}.skeleton-banner-content{padding:2rem 0}.skeleton-banner-title{@extend .skeleton-base;width:80%;height:3rem;margin-bottom:1rem;border-radius:8px}.skeleton-banner-subtitle{@extend .skeleton-base;width:60%;height:1.5rem;margin-bottom:1rem;border-radius:6px}.skeleton-banner-text{@extend .skeleton-base;width:70%;height:1rem;margin-bottom:2rem;border-radius:4px}.skeleton-banner-btn{@extend .skeleton-base;width:140px;height:48px;border-radius:24px}.skeleton-banner-image{@extend .skeleton-base;width:100%;height:400px;border-radius:12px}.feature-skeleton{padding:4rem 0;background-color:#fff}.skeleton-feature-card{text-align:center;padding:2rem;border:1px solid #e9ecef;border-radius:12px;background-color:#fff}.skeleton-feature-icon{@extend .skeleton-base;width:60px;height:60px;border-radius:50%;margin:0 auto 1rem}.skeleton-feature-title{@extend .skeleton-base;width:80%;height:1.5rem;margin:0 auto 1rem;border-radius:6px}.skeleton-feature-text{@extend .skeleton-base;width:90%;height:1rem;margin:0 auto;border-radius:4px}.product-grid-skeleton{padding:4rem 0;background-color:#f8f9fa}.skeleton-section-title{@extend .skeleton-base;width:300px;height:2.5rem;margin:0 auto 2rem;border-radius:8px}.skeleton-tabs{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.skeleton-tab{@extend .skeleton-base;width:100px;height:2rem;border-radius:20px}.product-card-skeleton{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.skeleton-product-image{@extend .skeleton-base;width:100%;height:250px;border-radius:0;animation:none;background:linear-gradient(90deg,#f6f7f8 25%,#edeef1 50%,#f6f7f8 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-product-info{padding:1rem}.skeleton-product-title{@extend .skeleton-base;width:90%;height:1.2rem;margin-bottom:.5rem;border-radius:4px}.skeleton-product-price{@extend .skeleton-base;width:60%;height:1.5rem;margin-bottom:.5rem;border-radius:6px}.skeleton-product-rating{@extend .skeleton-base;width:80px;height:1rem;margin-bottom:1rem;border-radius:4px}.skeleton-product-btn{@extend .skeleton-base;width:100%;height:2.5rem;border-radius:6px}.footer-skeleton{background-color:#343a40;padding:3rem 0;margin-top:4rem}.skeleton-footer-section{margin-bottom:2rem}.skeleton-footer-title{@extend .skeleton-base;width:70%;height:1.5rem;margin-bottom:1rem;border-radius:6px;background-color:#495057;background-image:linear-gradient(90deg,#495057,#6c757d,#495057)}.skeleton-footer-link{@extend .skeleton-base;width:50%;height:1rem;margin-bottom:.5rem;border-radius:4px;background-color:#495057;background-image:linear-gradient(90deg,#495057,#6c757d,#495057)}@media (max-width:768px){.skeleton-nav{display:none!important}.skeleton-banner-title{height:2rem}.skeleton-banner-image{height:250px;margin-top:2rem}.skeleton-tabs{flex-wrap:wrap;gap:1rem}.skeleton-tab{width:80px;height:1.5rem}}@media (prefers-color-scheme:dark){.page-loading{background-color:#1a1a1a}.header-skeleton{background-color:#2d2d2d;border-bottom-color:#404040}.banner-skeleton,.product-grid-skeleton{background-color:#262626}.product-card-skeleton,.skeleton-feature-card{background-color:#2d2d2d;border-color:#404040}.skeleton-base{background-color:#404040;background-image:linear-gradient(90deg,#404040,#525252,#404040)}}@media (prefers-reduced-motion:reduce){.skeleton-base{animation:none;background-image:none;background-color:#e9ecef}@media (prefers-color-scheme:dark){.skeleton-base{background-color:#404040}}}