.modern-category-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.category-header{backdrop-filter:blur(10px)}.category-header .category-info h1{background:linear-gradient(135deg,#1f2937,#3b82f6)}.view-controls button{transition:all .2s cubic-bezier(.4,0,.2,1)}.view-controls button:hover{transform:translateY(-1px)}.view-controls button:active{transform:translateY(0)}.subcategories-mobile .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.subcategories-mobile .no-scrollbar::-webkit-scrollbar{display:none}.products-grid .product-card-wrapper:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.loading-grid .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.load-more-indicator div{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid rgba(229,231,235,.8)}.empty-state i{background:linear-gradient(135deg,#e5e7eb,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.category-header .category-info h1{font-size:1.875rem;line-height:2.25rem}.products-grid{gap:1rem!important}.products-grid.grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.category-header{padding:1rem}.category-header .category-info h1{font-size:1.5rem;line-height:2rem}.products-grid{gap:.75rem!important;padding:0 .5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.products-grid>*{animation:fadeIn .5s ease-out}.filters-container{position:relative;width:100%}@media(max-width:991px){.filters-container .filters{display:flex;align-items:end;justify-content:flex-end}}.filters-container .filters{width:100%}.filters-container .prod{display:grid;grid-template-columns:1fr 3fr}.filters-container .prod h3{margin:auto}.filters-container .prod aside{width:100%;max-width:280px}.filters-container .products-container{height:max-content;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;flex-direction:row}@media(max-width:991px){.filters-container .products-container{gap:0}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.modern-category-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);min-height:100vh;scroll-behavior:smooth;color-scheme:light}.products-grid.force-single-mobile.grid-view{display:grid!important;grid-template-columns:1fr!important;gap:2rem!important;width:100%!important}@media(min-width:640px){.products-grid.force-single-mobile.grid-view{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}}@media(min-width:768px){.products-grid.force-single-mobile.grid-view{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}}@media(min-width:1024px){.products-grid.force-single-mobile.grid-view{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}}@media(min-width:1280px){.products-grid.force-single-mobile.grid-view{grid-template-columns:repeat(5,1fr)!important;gap:1.5rem!important}}.category-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(148,163,184,.1);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.category-header .category-info h1{background:linear-gradient(135deg,#1e293b,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.025em;text-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:.5rem}.category-header .category-info .badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600;padding:.375rem .75rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.view-controls{background:rgba(243,244,246,.8);backdrop-filter:blur(10px);border:1px solid rgba(209,213,219,.5);border-radius:.75rem;padding:.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.view-controls button{position:relative;padding:.625rem;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.125rem}.view-controls button:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(0,0,0,.1)}.view-controls button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 8px 25px -8px rgba(59,130,246,.5)}.view-controls button.active:before{content:"";position:absolute;inset:0;border-radius:.5rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);opacity:0;transition:opacity .3s ease}.view-controls button.active:hover:before{opacity:1}.subcategories{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.8)}.subcategories .chip-container{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scroll-snap-type:x mandatory}@media(min-width:1024px){.subcategories .chip-container{flex-wrap:wrap;overflow-x:visible;justify-content:center;max-width:1200px;margin:0 auto}}.subcategories .chip-container .category-chip{flex-shrink:0;scroll-snap-align:start;border-radius:2rem;padding:.5rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.05)}@media(min-width:1024px){.subcategories .chip-container .category-chip{padding:.625rem 1.25rem;font-weight:600;margin-bottom:.5rem}}.subcategories .chip-container .category-chip:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(0,0,0,.1)}.subcategories .chip-container .category-chip.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 8px 25px -8px rgba(59,130,246,.4)}.subcategories .chip-container .category-chip:not(.active){background:#fff;color:#374151;border:1px solid #e5e7eb}.subcategories .chip-container .category-chip:not(.active):hover{border-color:#3b82f6;color:#3b82f6}.products-grid.grid-view{display:grid!important;grid-template-columns:repeat(1,1fr)!important;gap:2rem!important}@media(min-width:640px){.products-grid.grid-view{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}}@media(min-width:768px){.products-grid.grid-view{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}}@media(min-width:1024px){.products-grid.grid-view{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}}@media(min-width:1280px){.products-grid.grid-view{grid-template-columns:repeat(5,1fr)!important;gap:1.5rem!important}}.products-grid.grid-view .product-card-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.products-grid.grid-view .product-card-wrapper:hover{transform:translateY(-8px) scale(1.02);filter:brightness(1.02)}.products-grid.list-view .product-card-wrapper{width:100%}.mobile-single-desktop-four{display:grid!important;grid-template-columns:1fr!important;gap:2rem!important}@media(min-width:640px){.mobile-single-desktop-four{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}}@media(min-width:768px){.mobile-single-desktop-four{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}}@media(min-width:1024px){.mobile-single-desktop-four{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}}@media(min-width:1280px){.mobile-single-desktop-four{grid-template-columns:repeat(5,1fr)!important;gap:1.5rem!important}}.mobile-single-desktop-four.grid-cols-1,.mobile-single-desktop-four.grid-cols-2,.mobile-single-desktop-four.grid-cols-3,.mobile-single-desktop-four.grid-cols-4,.mobile-single-desktop-four.grid-cols-5,.mobile-single-desktop-four.lg\\:grid-cols-1,.mobile-single-desktop-four.lg\\:grid-cols-2,.mobile-single-desktop-four.lg\\:grid-cols-3,.mobile-single-desktop-four.lg\\:grid-cols-4,.mobile-single-desktop-four.lg\\:grid-cols-5,.mobile-single-desktop-four.sm\\:grid-cols-1,.mobile-single-desktop-four.sm\\:grid-cols-2,.mobile-single-desktop-four.sm\\:grid-cols-3,.mobile-single-desktop-four.sm\\:grid-cols-4,.mobile-single-desktop-four.sm\\:grid-cols-5,.mobile-single-desktop-four.xl\\:grid-cols-1,.mobile-single-desktop-four.xl\\:grid-cols-2,.mobile-single-desktop-four.xl\\:grid-cols-3,.mobile-single-desktop-four.xl\\:grid-cols-4,.mobile-single-desktop-four.xl\\:grid-cols-5{grid-template-columns:1fr!important}@media(min-width:640px){.mobile-single-desktop-four.grid-cols-1,.mobile-single-desktop-four.grid-cols-2,.mobile-single-desktop-four.grid-cols-3,.mobile-single-desktop-four.grid-cols-4,.mobile-single-desktop-four.grid-cols-5,.mobile-single-desktop-four.lg\\:grid-cols-1,.mobile-single-desktop-four.lg\\:grid-cols-2,.mobile-single-desktop-four.lg\\:grid-cols-3,.mobile-single-desktop-four.lg\\:grid-cols-4,.mobile-single-desktop-four.lg\\:grid-cols-5,.mobile-single-desktop-four.sm\\:grid-cols-1,.mobile-single-desktop-four.sm\\:grid-cols-2,.mobile-single-desktop-four.sm\\:grid-cols-3,.mobile-single-desktop-four.sm\\:grid-cols-4,.mobile-single-desktop-four.sm\\:grid-cols-5,.mobile-single-desktop-four.xl\\:grid-cols-1,.mobile-single-desktop-four.xl\\:grid-cols-2,.mobile-single-desktop-four.xl\\:grid-cols-3,.mobile-single-desktop-four.xl\\:grid-cols-4,.mobile-single-desktop-four.xl\\:grid-cols-5{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:1024px){.mobile-single-desktop-four.grid-cols-1,.mobile-single-desktop-four.grid-cols-2,.mobile-single-desktop-four.grid-cols-3,.mobile-single-desktop-four.grid-cols-4,.mobile-single-desktop-four.grid-cols-5,.mobile-single-desktop-four.lg\\:grid-cols-1,.mobile-single-desktop-four.lg\\:grid-cols-2,.mobile-single-desktop-four.lg\\:grid-cols-3,.mobile-single-desktop-four.lg\\:grid-cols-4,.mobile-single-desktop-four.lg\\:grid-cols-5,.mobile-single-desktop-four.sm\\:grid-cols-1,.mobile-single-desktop-four.sm\\:grid-cols-2,.mobile-single-desktop-four.sm\\:grid-cols-3,.mobile-single-desktop-four.sm\\:grid-cols-4,.mobile-single-desktop-four.sm\\:grid-cols-5,.mobile-single-desktop-four.xl\\:grid-cols-1,.mobile-single-desktop-four.xl\\:grid-cols-2,.mobile-single-desktop-four.xl\\:grid-cols-3,.mobile-single-desktop-four.xl\\:grid-cols-4,.mobile-single-desktop-four.xl\\:grid-cols-5{grid-template-columns:repeat(4,1fr)!important}}.three-column-layout{display:grid!important;grid-template-columns:repeat(1,1fr)!important;gap:2rem!important}@media(min-width:640px){.three-column-layout{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}}@media(min-width:1024px){.three-column-layout{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}}.three-column-layout.grid-cols-1,.three-column-layout.grid-cols-2,.three-column-layout.grid-cols-3,.three-column-layout.grid-cols-4,.three-column-layout.grid-cols-5,.three-column-layout.lg\\:grid-cols-3,.three-column-layout.lg\\:grid-cols-4,.three-column-layout.lg\\:grid-cols-5,.three-column-layout.sm\\:grid-cols-2,.three-column-layout.sm\\:grid-cols-3,.three-column-layout.sm\\:grid-cols-4,.three-column-layout.sm\\:grid-cols-5,.three-column-layout.xl\\:grid-cols-4,.three-column-layout.xl\\:grid-cols-5{grid-template-columns:inherit!important}@media(min-width:640px){.three-column-layout.grid-cols-1,.three-column-layout.grid-cols-2,.three-column-layout.grid-cols-3,.three-column-layout.grid-cols-4,.three-column-layout.grid-cols-5,.three-column-layout.sm\\:grid-cols-1,.three-column-layout.sm\\:grid-cols-3,.three-column-layout.sm\\:grid-cols-4,.three-column-layout.sm\\:grid-cols-5{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:1024px){.three-column-layout.grid-cols-1,.three-column-layout.grid-cols-2,.three-column-layout.grid-cols-3,.three-column-layout.grid-cols-4,.three-column-layout.grid-cols-5,.three-column-layout.lg\\:grid-cols-1,.three-column-layout.lg\\:grid-cols-2,.three-column-layout.lg\\:grid-cols-3,.three-column-layout.lg\\:grid-cols-5,.three-column-layout.xl\\:grid-cols-1,.three-column-layout.xl\\:grid-cols-2,.three-column-layout.xl\\:grid-cols-3,.three-column-layout.xl\\:grid-cols-5{grid-template-columns:repeat(4,1fr)!important}}.loading-grid .grid,.loading-grid .mobile-single-desktop-four-skeleton,.loading-grid .three-column-layout-skeleton{display:grid!important;grid-template-columns:repeat(1,1fr)!important;gap:2rem!important}@media(min-width:640px){.loading-grid .grid,.loading-grid .mobile-single-desktop-four-skeleton,.loading-grid .three-column-layout-skeleton{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}}@media(min-width:1024px){.loading-grid .grid,.loading-grid .mobile-single-desktop-four-skeleton,.loading-grid .three-column-layout-skeleton{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}}.loading-grid .skeleton-card{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);animation:skeleton-pulse 2s ease-in-out infinite}.loading-grid .skeleton-card .skeleton-image,.loading-grid .skeleton-card .skeleton-text{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.loading-grid .skeleton-card .skeleton-text{border-radius:.5rem}.loading-grid .skeleton-card .skeleton-text.title{height:1.25rem;width:80%;margin-bottom:.75rem}.loading-grid .skeleton-card .skeleton-text.subtitle{width:60%;margin-bottom:.75rem}.loading-grid .skeleton-card .skeleton-text.price{width:40%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.max-w-8xl{max-width:90rem}.products-grid .product-card-wrapper{min-height:350px}.products-grid .product-card-wrapper .glass-product-card{height:100%;display:flex;flex-direction:column}.products-grid .product-card-wrapper .glass-product-card .product-image-container{flex:1;min-height:200px}.products-grid .product-card-wrapper .glass-product-card .product-image-container .product-image{width:100%;height:100%;object-fit:cover}.products-grid .product-card-wrapper .glass-product-card .product-content{padding:1.25rem;flex-shrink:0}.products-grid .product-card-wrapper .glass-product-card .product-content .product-title{font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.products-grid .product-card-wrapper .glass-product-card .product-content .product-price{font-size:1.125rem;font-weight:700;color:#3b82f6}.products-grid .product-card-wrapper .glass-product-card .product-content .product-actions{margin-top:.75rem}.products-grid .product-card-wrapper .glass-product-card .product-content .product-actions .add-to-cart-btn{width:100%;padding:.625rem 1.25rem;font-weight:600;border-radius:.75rem}@media(max-width:639px){.mobile-single-desktop-four,.products-grid .mobile-single-desktop-four,.products-grid.grid-view{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:2rem!important;width:100%!important}.products-grid .product-card-wrapper{width:100%!important;max-width:100%!important;min-height:380px}.products-grid .product-card-wrapper .glass-product-card .product-image-container{min-height:220px}.products-grid .product-card-wrapper .glass-product-card .product-content{padding:1.5rem}.products-grid .product-card-wrapper .glass-product-card .product-content .product-title{font-size:1.125rem;margin-bottom:.75rem}.products-grid .product-card-wrapper .glass-product-card .product-content .product-price{font-size:1.25rem}.products-grid .product-card-wrapper .glass-product-card .product-content .product-actions{margin-top:1rem}.products-grid .product-card-wrapper .glass-product-card .product-content .product-actions .add-to-cart-btn{padding:.75rem 1.5rem}}@media(min-width:640px)and (max-width:1023px){.products-grid .product-card-wrapper{min-height:380px}.products-grid .product-card-wrapper .glass-product-card .product-image-container{min-height:220px}}@media(min-width:640px){.modern-category-page .category-header{padding-left:.75rem;padding-right:.75rem}}@media(min-width:1024px){.modern-category-page .category-header{padding-left:1rem;padding-right:1rem}}.products-grid.grid-view{display:grid;gap:1.5rem}@media(min-width:640px){.products-grid.grid-view{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.products-grid.grid-view{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.products-grid.grid-view{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.products-grid.grid-view{grid-template-columns:repeat(5,1fr)}}.products-grid.list-view{display:flex;flex-direction:column;gap:1rem}.products-grid.list-view .product-card-wrapper{max-width:none}.products-grid .product-card-wrapper{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:1rem;overflow:hidden}.products-grid .product-card-wrapper:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px rgba(0,0,0,.15);z-index:10}.products-grid .product-card-wrapper:hover:before{opacity:1}.products-grid .product-card-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);border-radius:1rem;opacity:0;transition:opacity .4s ease;z-index:-1}.products-grid .product-card-wrapper:after{content:"";position:absolute;inset:0;background:#fff;border-radius:1rem;z-index:-1}.loading-grid .skeleton-card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);position:relative;overflow:hidden}.loading-grid .skeleton-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);transform:translateX(-100%);animation:shimmer 1.5s infinite}.loading-grid .skeleton-card .skeleton-image{aspect-ratio:1;background:#e5e7eb;border-radius:.75rem;margin-bottom:1rem}.loading-grid .skeleton-card .skeleton-text{background:#e5e7eb;border-radius:.25rem;margin-bottom:.5rem}.loading-grid .skeleton-card .skeleton-text.title{height:1rem;width:75%}.loading-grid .skeleton-card .skeleton-text.subtitle{height:1rem;width:50%}.loading-grid .skeleton-card .skeleton-text.price{height:1.5rem;width:33%}.empty-state{text-align:center;padding:4rem 1rem}.empty-state .empty-icon{font-size:4rem;background:linear-gradient(135deg,#e5e7eb,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;opacity:.8}.empty-state h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280;max-width:28rem;margin:0 auto;line-height:1.6}.load-more-indicator{padding:2rem 0}.load-more-indicator .indicator-content{display:flex;align-items:center;gap:.75rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:9999px;border:1px solid rgba(229,231,235,.8);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);font-weight:500;color:#374151}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.products-grid>.product-card-wrapper{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.products-grid>.product-card-wrapper:first-child{animation-delay:.1s}.products-grid>.product-card-wrapper:nth-child(2){animation-delay:.2s}.products-grid>.product-card-wrapper:nth-child(3){animation-delay:.3s}.products-grid>.product-card-wrapper:nth-child(4){animation-delay:.4s}.products-grid>.product-card-wrapper:nth-child(5){animation-delay:.5s}@media(max-width:768px){.category-header{position:relative;padding:1rem}.category-header .category-info h1{font-size:1.875rem;line-height:2.25rem}.category-header .view-controls button{padding:.5rem;font-size:1rem}.products-grid{padding:0 .5rem;gap:1rem!important}.products-grid.grid-view{grid-template-columns:repeat(2,1fr)!important}.subcategories-mobile{padding:.75rem 1rem}.subcategories-mobile .chip-container{gap:.5rem}.subcategories-mobile .chip-container .category-chip{padding:.375rem .75rem;font-size:.875rem}}@media(max-width:640px){.category-header .category-info h1{font-size:1.5rem;line-height:2rem}.products-grid{gap:.75rem!important}.products-grid .product-card-wrapper:hover{transform:translateY(-4px) scale(1.01)}.empty-state{padding:2rem 1rem}.empty-state .empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}}