.products-page{background:linear-gradient(135deg,#e0fbfc 0%,#fff 50%,#e0fbfc 100%);min-height:100vh}.products-header-section{text-align:center;width:100%;padding:60px 20px 40px}.products-subtitle{color:#264653;max-width:600px;margin:16px auto 0;font-size:18px;font-weight:600;line-height:1.6}.products-layout{grid-template-columns:300px 1fr;align-items:start;gap:40px;margin-top:40px;display:grid}.products-sidebar{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#2a9d8f,#e9c46a,#f4a261) border-box;border:3px solid #0000;border-radius:20px;height:fit-content;padding:30px;position:sticky;top:100px;box-shadow:0 8px 30px #2646531a}.sidebar-title{background:linear-gradient(135deg,#264653,#2a9d8f);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0 0 25px;font-size:24px;font-weight:700}.category-list{flex-direction:column;gap:12px;display:flex}.category-btn{cursor:pointer;color:#264653;text-align:left;background:#e0fbfc;border:2px solid #0000;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.category-btn:hover{color:#fff;background:linear-gradient(135deg,#2a9d8f,#e9c46a);border-color:#f4a261;transform:translate(5px)}.category-btn.active{color:#fff;background:linear-gradient(135deg,#264653,#2a9d8f);border-color:#e9c46a;transform:translate(5px);box-shadow:0 4px 15px #2a9d8f4d}.category-icon{margin-right:12px;font-size:20px}.category-count{opacity:.8;background:#fff3;border-radius:10px;padding:4px 8px;font-size:14px;font-weight:500}.products-content{background:#fff;border:2px solid #e0fbfc;border-radius:20px;min-height:600px;padding:30px;box-shadow:0 8px 30px #2646531a}.products-header{border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#2a9d8f,#e9c46a,#f4a261) 1;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.products-title{color:#264653;margin:0;font-size:28px;font-weight:700}.products-count{color:#2a9d8f;background:#e0fbfc;border-radius:20px;margin:0;padding:8px 16px;font-size:16px;font-weight:600}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.loading-state{color:#2a9d8f;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:4px solid #e0fbfc;border-top-color:#2a9d8f;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#264653;padding:60px 20px}.empty-state h3{color:#2a9d8f;margin-bottom:12px;font-size:24px}.empty-state p{opacity:.7;margin:0;font-size:16px}@media (max-width:1024px){.products-layout{grid-template-columns:1fr;gap:30px}.products-sidebar{order:2;position:static}.products-content{order:1}}@media (max-width:768px){.products-sidebar,.products-content{padding:20px}.products-header{flex-direction:column;align-items:flex-start;gap:12px}.products-title{font-size:24px}.category-btn{padding:14px 16px;font-size:15px}.products-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.container{padding:0 10px}.products-sidebar,.products-content{padding:16px}.sidebar-title,.products-title{font-size:20px}.category-btn{padding:12px 14px;font-size:14px}.category-icon{margin-right:8px;font-size:18px}}