.catalog-hero{background-color:var(--onyx-black);text-align:center;padding:12rem 0 6rem;position:relative;overflow:hidden}.catalog-hero-bg{opacity:.1;z-index:1;background-image:url(/images/53502380-7b13-4e56-864f-79adcf8f5926.png);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.catalog-hero .container{z-index:2;position:relative}.catalog-filters{z-index:2;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex;position:relative}.filter-btn{border:1px solid var(--graphite);color:var(--platinum-grey);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:2rem;padding:.75rem 1.5rem;font-size:.75rem;transition:all .3s}.filter-btn:hover,.filter-btn.active{background:var(--ivory-white);color:var(--onyx-black);border-color:var(--ivory-white)}.catalog-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:2rem;display:grid;position:relative}@media (max-width:1200px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.catalog-grid{grid-template-columns:1fr}.catalog-grid.catalog-grid-mobile-2{grid-template-columns:repeat(2,1fr);gap:1rem}.catalog-grid.catalog-grid-mobile-2 .product-title{margin-bottom:.5rem;font-size:1rem}.catalog-grid.catalog-grid-mobile-2 .product-desc{margin-bottom:1rem;font-size:.75rem}.catalog-grid.catalog-grid-mobile-2 .product-info{padding:1rem}.catalog-grid.catalog-grid-mobile-2 .btn-catalog{padding:.75rem .5rem;font-size:.65rem}}.mobile-grid-toggle{display:none!important}@media (max-width:768px){.mobile-grid-toggle{display:flex!important}}.product-card{background-color:var(--soft-black);border:1px solid var(--graphite);border-radius:8px;flex-direction:column;transition:transform .4s,box-shadow .4s;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006}.product-image-wrapper{background-color:var(--onyx-black);width:100%;padding-top:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0}.product-card:hover .product-image{transform:scale(1.05)}.product-info{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.product-category{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.15em;color:var(--platinum-grey);margin-bottom:.5rem;font-size:.65rem}.product-title{font-family:var(--font-heading);color:var(--ivory-white);margin-bottom:1rem;font-size:1.5rem}.product-desc{color:var(--stone-grey);opacity:.8;flex-grow:1;margin-bottom:2rem;font-size:.9rem}.product-action{margin-top:auto}.btn-catalog{text-align:center;border:1px solid var(--graphite);width:100%;color:var(--ivory-white);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background-color:#0000;padding:1rem;font-size:.75rem;transition:all .3s;display:block}.btn-catalog:hover{background-color:var(--ivory-white);color:var(--onyx-black)}.catalog-layout{grid-template-columns:280px 1fr;align-items:start;gap:4rem;display:grid}.mobile-filter-toggle{background-color:var(--soft-black);border:1px solid var(--graphite);width:100%;color:var(--ivory-white);font-family:var(--font-heading);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;font-size:1.1rem;transition:all .3s;display:none}.mobile-filter-toggle:hover{background-color:var(--graphite)}@media (max-width:992px){.catalog-layout{grid-template-columns:1fr;gap:0}.mobile-filter-toggle{display:flex}.catalog-sidebar{margin-bottom:3rem;display:none;position:static}.catalog-sidebar.open{display:block}}.catalog-sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#0a0a0a26;border:1px solid #ffffff1a;border-radius:8px;padding:2rem;position:sticky;top:100px}.sidebar-title{font-family:var(--font-heading);color:var(--ivory-white);border-bottom:1px solid var(--graphite);margin-bottom:2rem;padding-bottom:1rem;font-size:1.5rem}.sidebar-cat-btn{text-align:left;width:100%;color:var(--platinum-grey);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:.75rem 0;font-size:1rem;font-weight:500;transition:color .3s}.sidebar-cat-btn:hover,.sidebar-cat-btn.active{color:var(--ivory-white)}.sidebar-accordion{flex-direction:column;gap:.5rem;display:flex}.accordion-item{border-bottom:1px solid var(--graphite)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;color:var(--platinum-grey);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 0;font-size:1rem;transition:color .3s;display:flex}.accordion-text{text-align:left;flex-grow:1;font-weight:500}.accordion-icon{color:var(--stone-grey);font-size:1.2rem}.accordion-header:hover,.accordion-header.active,.accordion-header:hover .accordion-icon,.accordion-header.active .accordion-icon{color:var(--ivory-white)}.accordion-content{flex-direction:column;gap:.5rem;padding:.5rem 0 1.5rem 1rem;display:flex}.subcat-btn{text-align:left;width:100%;color:var(--stone-grey);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.9rem;transition:color .3s}.subcat-btn:hover,.subcat-btn.active{color:var(--ivory-white)}.pagination-container{justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding-bottom:3rem;display:flex}.page-btn{border:1px solid var(--graphite);width:40px;height:40px;color:var(--platinum-grey);font-family:var(--font-body);cursor:pointer;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .3s;display:flex}.page-btn:hover,.page-btn.active{background-color:var(--ivory-white);color:var(--onyx-black);border-color:var(--ivory-white)}.page-dots{color:var(--stone-grey);padding:0 .5rem}.product-colors{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-bottom:1.5rem;display:flex}.color-swatch{border:1px solid var(--graphite);cursor:default;border-radius:50%;width:20px;height:20px;display:inline-block;position:relative;box-shadow:0 1px 3px #0000004d}.color-swatch.out-of-stock{opacity:.4}.color-swatch.out-of-stock:after{content:"";background-color:var(--ivory-white);width:130%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}