.skeleton-loader{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .15s ease-out}.skeleton-loader .grid-product__content{animation:skeleton-fade-in .3s ease-in;display:flex;flex-direction:column;height:100%;padding:0}.skeleton-loader__image{width:100%;padding-bottom:100%;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:1rem}.skeleton-loader__title{height:1.25rem;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:.75rem;width:80%}.skeleton-loader__price{height:1rem;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;width:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collection-load-more.skeleton-active{opacity:.3;pointer-events:none}.collection-load-more.skeleton-active .loader{display:none!important}.collection-load-error{grid-column:1 / -1;text-align:center;padding:2rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:2rem 0}.collection-load-error p{margin-bottom:1rem;color:#856404;font-weight:500}.collection-load-error .btn{background:#ffc107;color:#000;border-color:#ffc107}.collection-load-error .btn:hover{background:#e0a800;border-color:#e0a800}@media (max-width: 768px){.skeleton-loader__image{padding-bottom:120%}.skeleton-loader{margin-bottom:2.5rem}.skeleton-loader .grid-product__content{padding:0}}@media (min-width: 769px){.skeleton-loader{margin-bottom:3.75rem}}@media (prefers-reduced-motion: reduce){.skeleton-loader__image,.skeleton-loader__title,.skeleton-loader__price{animation:none;background:#f0f0f0}.skeleton-loader .grid-product__content{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/skeleton-loader.css.map */
