.category-link{display:block;width:100%;transition:all .15s ease;position:relative;overflow:hidden}.category-link:active{transform:scale(.97);opacity:.7;background-color:rgba(0,0,0,.03);border-radius:4px}.category-link:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(249,115,22,.3);opacity:0;border-radius:100%;transform:translate(-50%,-50%) scale(1);transform-origin:50% 50%}.category-link:active:after{animation:ripple .4s ease-out}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(20);opacity:0}}.category-link:hover{background-color:rgba(0,0,0,.02);padding-left:4px;transition:all .2s ease}.category-link.loading{cursor:progress;position:relative}.category-link.loading:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#f97316,#fbbf24,#f97316);background-size:200% 100%;animation:loadingShimmer 1.2s ease-in-out infinite}@keyframes loadingShimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.full-page-container{min-height:100vh;display:flex;flex-direction:column}.hide-scrollbar::-webkit-scrollbar{display:none!important}.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.content-area{flex:1;overflow-y:auto}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.sidebar-scrollbar{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden}.sidebar-scrollbar::-webkit-scrollbar{width:5px}.sidebar-scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #c8c5c5;border-radius:10px}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#bababa;border-radius:10px}.sidebar-scrollbar a,.sidebar-scrollbar a:active,.sidebar-scrollbar a:hover,.sidebar-scrollbar a:visited{color:inherit!important;text-decoration:none!important}#scrollable-container{height:calc(100vh - 150px)}@media (max-width:767px){#scrollable-container{height:calc(100vh - 120px)}.sidebar-scrollbar{max-height:none}}@media (min-width:768px) and (max-width:1024px){#scrollable-container{height:calc(100vh - 160px)}}@media (min-width:1025px){#scrollable-container{height:calc(100vh - 180px)}}@media (max-width:767px){.mobile-category-sidebar{position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100vh;background:white;z-index:1000;transition:left .3s ease-in-out;overflow-y:auto;padding:1rem;box-shadow:2px 0 10px rgba(0,0,0,.1)}.mobile-category-sidebar.active{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.product-grid-container .grid{gap:.5rem!important}#scrollable-container{height:calc(100vh - 180px)!important}}@media (min-width:768px) and (max-width:1024px){.product-grid-container .grid{gap:1rem!important}#scrollable-container{height:calc(100vh - 200px)!important}}@media (min-width:1025px){#scrollable-container{height:80vh!important}}@media (max-width:640px){.mobile-header-title{font-size:1rem}.mobile-count-text{font-size:.875rem}}@media (max-width:767px){a,button{min-height:44px;min-width:44px}.mobile-sidebar-button{padding:12px}body{overflow-x:hidden}.mobile-category-sidebar{-webkit-overflow-scrolling:touch}.mobile-filter-dropdown{position:fixed;bottom:0;left:0;right:0;background:white;border-radius:12px 12px 0 0;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1001;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease}}@media (max-width:767px){@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (max-width:767px){.product-image-container{height:160px!important}.product-image{-o-object-fit:cover!important;object-fit:cover!important}.mobile-loader{padding:2rem 0}.no-data-image{max-width:200px!important;height:auto}}.mobile-load-more{box-shadow:0 -2px 10px rgba(0,0,0,.1)}@media (max-width:767px){.truncate-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-target{padding:12px 16px;margin:4px 0}.mobile-horizontal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}}@media (max-width:767px){.mobile-horizontal-scroll::-webkit-scrollbar{display:none}}@media (max-width:767px){.mobile-spacing{padding:.75rem}}