.categories-page{padding-top:12rem;padding-bottom:8rem;min-height:100vh;background-color:var(--detail-page-bg, #0b1120);color:var(--detail-text, #ffffff);transition:background-color .3s ease,color .3s ease}.categories-page .container{max-width:1400px;margin:0 auto;padding:0 4rem}@media (max-width: 768px){.categories-page .container{padding:0 2rem}.categories-page{padding-top:10rem}}.categories-page .breadcrumbs-container{padding:2.4rem 0}.categories-page .breadcrumbs-container .container{display:flex;align-items:center;gap:1rem;font-size:1.4rem}.categories-page .breadcrumbs-container a{color:var(--badge-text, #94a3b8);text-decoration:none;transition:color .2s ease}.categories-page .breadcrumbs-container a:hover{color:var(--nav-menu-link-hover, #38bdf8)}.categories-page .breadcrumbs-container .breadcrumb-separator{color:var(--breadcrumbs-border, rgba(255, 255, 255, .05));flex-shrink:0}.categories-page .breadcrumbs-container .active{color:var(--detail-text, #ffffff);font-weight:500}.categories-layout-grid{display:grid;grid-template-columns:300px 1fr;gap:4rem;align-items:start;margin-top:2rem}@media (max-width: 1024px){.categories-layout-grid{grid-template-columns:1fr;gap:3.5rem}}.filters-sidebar{display:flex;flex-direction:column;gap:2.4rem}.filter-card{background:var(--card-bg, #151b2b);border:1px solid var(--card-border, rgba(255, 255, 255, .03));border-radius:1.6rem;padding:2.4rem;box-shadow:0 4px 20px #0000000d;transition:background-color .3s ease,border-color .3s ease}.filter-title{font-size:1.6rem;font-weight:700;margin-bottom:1.6rem;color:var(--detail-title, #ffffff);letter-spacing:-.01em;border-left:3px solid #0ea5e9;padding-left:1rem}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper input{width:100%;background:var(--btn-outline-bg, rgba(255, 255, 255, .03));border:1px solid var(--btn-outline-border, rgba(255, 255, 255, .15));border-radius:1rem;padding:1.2rem 4rem 1.2rem 1.6rem;font-size:1.4rem;color:var(--detail-text, #ffffff);outline:none;transition:all .3s ease}.search-input-wrapper input:focus{border-color:#0ea5e9;background:var(--card-bg, #151b2b);box-shadow:0 0 0 3px #0ea5e926}.search-icon{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);color:var(--badge-text, #94a3b8);pointer-events:none;transition:color .3s ease}.search-input-wrapper input:focus+.search-icon{color:#0ea5e9}.categories-list{display:flex;flex-direction:column;gap:.8rem}.category-filter-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.4rem;border-radius:1rem;cursor:pointer;font-size:1.4rem;font-weight:500;color:var(--tab-text, #94a3b8);background:transparent;border:1px solid transparent;transition:all .3s ease;text-align:left;width:100%}.category-filter-item:hover{background:var(--tab-hover-bg, rgba(255, 255, 255, .08));color:var(--tab-hover-text, #ffffff)}.category-filter-item.active{background:var(--tab-active-bg, rgba(255, 255, 255, .1));border-color:var(--tab-active-border, rgba(255, 255, 255, .2));color:var(--tab-active-text, #ffffff);box-shadow:var(--tab-active-shadow, rgba(0, 0, 0, .2))}.category-count{font-size:1.1rem;padding:.2rem .8rem;border-radius:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:var(--badge-text, #94a3b8);font-weight:600;transition:all .3s ease}.category-filter-item.active .category-count{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.checkbox-label{display:flex;align-items:center;gap:1.2rem;font-size:1.4rem;color:var(--detail-text, #ffffff);cursor:pointer;user-select:none;position:relative}.checkbox-label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{height:2rem;width:2rem;background:var(--btn-outline-bg, rgba(255, 255, 255, .03));border:1px solid var(--btn-outline-border, rgba(255, 255, 255, .15));border-radius:.6rem;transition:all .3s ease;position:relative;flex-shrink:0}.checkbox-label:hover input~.checkbox-custom{border-color:var(--btn-outline-hover-border, rgba(255, 255, 255, .25));background:var(--btn-outline-hover-bg, rgba(255, 255, 255, .08))}.checkbox-label input:checked~.checkbox-custom{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.checkbox-custom:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.checkbox-label input:checked~.checkbox-custom:after{display:block}.products-explorer{display:flex;flex-direction:column;gap:3rem}.explorer-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;border-bottom:1px solid var(--breadcrumbs-border, rgba(255, 255, 255, .05));padding-bottom:2rem}.results-count{font-size:1.6rem;font-weight:500;color:var(--badge-text, #94a3b8)}.sort-wrapper{display:flex;align-items:center;gap:1.2rem;font-size:1.4rem;color:var(--badge-text, #94a3b8)}.custom-select-wrapper{position:relative;min-width:180px}.custom-select-wrapper select{width:100%;appearance:none;background:var(--card-bg, #151b2b);border:1px solid var(--card-border, rgba(255, 255, 255, .03));border-radius:1rem;padding:1rem 3.6rem 1rem 1.6rem;font-size:1.4rem;color:var(--detail-text, #ffffff);cursor:pointer;outline:none;transition:all .3s ease}.custom-select-wrapper select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.select-arrow{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);color:var(--badge-text, #94a3b8);pointer-events:none}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:3rem;width:100%}.loading-placeholder{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 0;color:var(--badge-text, #94a3b8);font-size:1.6rem;gap:2rem}.spinner{width:4rem;height:4rem;border:3px solid rgba(14,165,233,.1);border-radius:50%;border-top-color:#0ea5e9;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-small{text-align:center;color:var(--badge-text, #94a3b8);padding:2rem 0;font-size:1.3rem}.empty-state-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;text-align:center;background:var(--card-bg, #151b2b);border:1px dashed var(--card-border, rgba(255, 255, 255, .03));border-radius:2rem;max-width:600px;margin:4rem auto}.empty-icon-box{color:var(--badge-text, #94a3b8);margin-bottom:2rem;opacity:.6}.empty-state-wrapper h3{font-size:2rem;font-weight:700;color:var(--detail-title, #ffffff);margin-bottom:1rem}.empty-state-wrapper p{font-size:1.5rem;color:var(--badge-text, #94a3b8);margin-bottom:2.4rem;max-width:400px}.reset-filters-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;color:#fff;padding:1.2rem 2.4rem;border-radius:1rem;font-size:1.4rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #2563eb33;transition:all .3s cubic-bezier(.16,1,.3,1)}.reset-filters-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.reset-filters-btn:active{transform:translateY(0)}