/* Shop Layout - Minimal CSS (Most styles moved to Tailwind) */
[x-cloak]{display:none!important}
html{scroll-behavior:smooth}
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}
@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.gradient-animate{background-size:200% 200%;animation:gradientShift 3s ease infinite}
@media (max-width:1023px){.filter-sidebar{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:white;z-index:50;transition:left .3s ease;overflow-y:auto}.filter-sidebar.active{left:0}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:40;opacity:0;visibility:hidden;transition:all .3s ease}.filter-overlay.active{opacity:1;visibility:visible}}