.category-page{min-height:80vh;background-color:#fff}.error-container{text-align:center;padding:5rem 2rem}.error-msg{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:1rem 2rem;border-radius:4px;display:inline-block;margin-bottom:2rem;font-family:var(--font-paragraphs)}.btn-retry{display:block;width:max-content;margin:0 auto;padding:.8rem 2rem;background:var(--color-green);color:#fff;text-decoration:none;font-family:var(--font-titles);text-transform:uppercase;font-size:.8rem}.breadcrumbs-container{max-width:var(--container-max-width);margin:0 auto;padding:2rem 2rem 1.5rem}.breadcrumbs{display:flex;align-items:center;gap:.8rem;font-family:var(--font-paragraphs);font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px}.breadcrumbs a{color:#888;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--color-green)}.breadcrumbs .current{color:#333;font-weight:600}.category-banner{position:relative;height:500px;background-color:var(--color-green);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;overflow:hidden}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#155338f2,#155338b3 40%,#0000);z-index:1}.banner-content{position:relative;z-index:2;padding-left:8%;color:#fff;max-width:80%}.banner-content h1{font-family:var(--font-titles);font-size:2.5rem;margin-bottom:1rem;letter-spacing:2px;text-transform:uppercase;max-width:600px;color:#fff!important}.banner-content p{font-family:var(--font-paragraphs);font-size:.8rem;line-height:1.6;max-width:500px;opacity:.9;color:#fff!important}.filter-bar-container{background:#fff;border-bottom:1px solid #eee}.filter-bar{max-width:var(--container-max-width);margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.filter-left,.filter-right{display:flex;align-items:center;gap:2rem}.category-dropdown{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0}.current-category{font-family:var(--font-paragraphs);font-size:.8rem;font-weight:500;letter-spacing:1px;color:#121212}.dropdown-icon{transition:transform .3s ease}.category-dropdown:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-list{position:absolute;top:100%;left:0;background:#fff;list-style:none;padding:.5rem 0 1rem;margin:0;min-width:200px;box-shadow:0 10px 25px #00000014;border:1px solid #e8e8e8;border-top:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s;z-index:100}.category-dropdown:hover .dropdown-list{opacity:1;visibility:visible;pointer-events:auto}.dropdown-list li a{display:block;padding:.5rem 1.5rem;color:#666;text-decoration:none;font-family:var(--font-paragraphs);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;transition:color .2s,background-color .2s}.dropdown-list li a:hover{color:var(--color-green);background-color:#f9f9f9}.sort-dropdown{display:flex;align-items:center;width:195px;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e0e0;cursor:pointer;position:relative}.sort-label{font-family:var(--font-paragraphs);font-size:.8rem;color:#333;white-space:nowrap}.sort-list{position:absolute;top:100%;margin-right:-1px!important;right:0;background:#fff;list-style:none;padding:.5rem 0 1rem;margin:0;min-width:195px;box-shadow:0 10px 25px #00000014;border:1px solid #e8e8e8;border-top:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s;z-index:100}.sort-dropdown:hover .sort-list{opacity:1;visibility:visible;pointer-events:auto}.sort-list li a{display:block;padding:.6rem 1.5rem;color:#666;text-decoration:none;font-family:var(--font-paragraphs);font-size:.8rem;letter-spacing:.5px;transition:color .2s,background-color .2s;white-space:nowrap}.sort-list li a:hover,.sort-list li a.active{color:var(--color-green);background-color:#f9f9f9;font-weight:600}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:transparent;border:1px solid #e0e0e0;font-family:var(--font-paragraphs);font-size:.8rem;color:#333;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#121212;background:#f9f9f9}.active-filters{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem 1.5rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.filter-tag{background:#f4f4f4;padding:.4rem .8rem;font-family:var(--font-paragraphs);font-size:.75rem;display:flex;align-items:center;gap:.5rem;border-radius:4px;color:#333}.filter-tag a{color:#999;text-decoration:none;font-size:1.1rem;line-height:1;padding-bottom:2px;transition:color .2s}.filter-tag a:hover{color:#000}.clear-all{font-family:var(--font-paragraphs);font-size:.75rem;color:#888;text-decoration:underline;margin-left:.5rem}.container-full{width:100%;max-width:100%;margin:0;padding:0}.products-grid-container{padding:0 0 4rem}.grid-4x3{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%}.empty-state{text-align:center;padding:10rem 2rem;max-width:600px;margin:0 auto}.empty-icon{margin-bottom:2rem;opacity:.5}.empty-state h2{font-family:var(--font-titles);font-size:1.8rem;margin-bottom:1rem;color:#333}.empty-state p{font-family:var(--font-paragraphs);color:#666;margin-bottom:2rem}.btn-outline{display:inline-block;padding:1rem 2.5rem;border:1px solid #121212;color:#121212;text-decoration:none;font-family:var(--font-titles);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;transition:all .3s}.btn-outline:hover{background:#121212;color:#fff}.filter-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1000;opacity:0;visibility:hidden;transition:all .4s ease}.filter-drawer-overlay.active{opacity:1;visibility:visible}.filter-drawer{position:fixed;top:0;right:-400px;width:400px;height:100%;background:#fff;z-index:1001;display:flex;flex-direction:column;transition:right .4s cubic-bezier(.165,.84,.44,1);box-shadow:-10px 0 30px #0000001a}.filter-drawer.active{right:0}@media(max-width:480px){.filter-drawer{width:100%;right:-100%}}.drawer-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.drawer-header h3{font-family:var(--font-titles);font-size:1.25rem;color:var(--color-green);margin:0}.close-drawer{background:none;border:none;font-size:2rem;cursor:pointer;padding:0;line-height:1;color:#888}.drawer-content{flex:1;overflow-y:auto;padding:2rem}.filter-group{margin-bottom:2.5rem}.filter-group h4{font-family:var(--font-titles);font-size:.9rem;margin-bottom:1.2rem;text-transform:uppercase;letter-spacing:1px;color:#121212}.filter-list-v{list-style:none;padding:0;margin:0}.filter-list-v li{margin-bottom:.6rem}.filter-list-v li a{font-family:var(--font-paragraphs);font-size:.85rem;color:#666;text-decoration:none;transition:color .2s}.filter-list-v li a:hover,.filter-list-v li a.active{color:var(--color-green);font-weight:500}.color-options{display:flex;flex-wrap:wrap;gap:.8rem}.color-swatch{width:32px;height:32px;border-radius:50%;display:block;transition:transform .2s;position:relative}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-green)}.talla-options{display:flex;flex-wrap:wrap;gap:.6rem}.talla-box{padding:.5rem 1rem;border:1px solid #ddd;font-family:var(--font-paragraphs);font-size:.8rem;color:#333;text-decoration:none;transition:all .2s}.talla-box:hover,.talla-box.active{border-color:#121212;background:#121212;color:#fff}.drawer-footer{padding:1.5rem 2rem;border-top:1px solid #eee}.btn-clear{display:block;text-align:center;padding:1rem;background:#f4f4f4;color:#666;text-decoration:none;font-family:var(--font-paragraphs);font-size:.8rem;letter-spacing:1px;text-transform:uppercase;transition:background .2s}.btn-clear:hover{background:#eee;color:#121212}@media(max-width:1200px){.grid-4x3{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.category-banner{height:350px;justify-content:center;align-items:flex-end;padding-bottom:2rem}.banner-content{padding-left:0;text-align:center;max-width:90%}.banner-overlay{background:linear-gradient(to top,#155338f2,#15533866 60%,#0000)}.grid-4x3{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column;gap:1.5rem;align-items:flex-start}.filter-right{width:100%;justify-content:space-between}.sort-dropdown{flex-grow:1}}@media(max-width:480px){.grid-4x3{grid-template-columns:repeat(2,1fr)}}