.category-page{background:#f6f8fb;width:100%;min-height:100vh}.category-page-container{width:min(1500px,100% - 40px);margin:0 auto;padding:20px 0 50px}.category-breadcrumb{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.category-breadcrumb a{color:#475569;text-decoration:none}.category-breadcrumb a:hover{color:#2563eb}.category-breadcrumb strong{color:#0f172a;font-weight:700}.category-breadcrumb-item{align-items:center;gap:8px;display:inline-flex}.category-hero{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;width:100%;padding:18px 22px;box-shadow:0 4px 14px #0f172a09}.category-hero-content{grid-template-columns:minmax(210px,280px) minmax(0,1fr);align-items:start;gap:28px;width:100%;display:grid}.category-hero-intro{min-width:0}.category-hero-eyebrow{color:#2563eb;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;line-height:1.2;display:block}.category-hero-intro h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:27px;font-weight:800;line-height:1.12}.category-hero-intro p{color:#64748b;max-width:270px;margin:0;font-size:12px;line-height:1.5}.category-hero-with-image{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:20px;display:grid}.category-hero-image{background:#f1f5f9;border-radius:9px;width:100%;height:125px;overflow:hidden}.category-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.category-hero-with-image .category-hero-content{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.category-subcategories{min-width:0;margin:0}.category-subcategories h2{color:#0f172a;margin:0 0 8px;font-size:13px;font-weight:800;line-height:1.3}.subcategory-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));align-content:start;gap:7px;width:100%;max-height:112px;padding-right:5px;display:grid;overflow:hidden auto}.subcategory-grid::-webkit-scrollbar{width:5px}.subcategory-grid::-webkit-scrollbar-track{background:0 0}.subcategory-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.subcategory-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.subcategory-card{color:#475569;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:42px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1.25;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.subcategory-card:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.subcategory-card>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.subcategory-arrow{color:#94a3b8;flex:none;font-size:16px;line-height:1}.subcategory-card:hover .subcategory-arrow{color:#2563eb}.category-content-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px;width:100%;margin-top:18px;display:grid}.category-filter-sidebar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;position:sticky;top:20px;overflow:hidden;box-shadow:0 3px 12px #0f172a08}.category-filter-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:0 15px;display:flex}.category-filter-heading>div{align-items:center;gap:7px;display:flex}.category-filter-heading h2{color:#0f172a;margin:0;font-size:17px;font-weight:800}.category-filter-heading span{color:#2563eb;box-sizing:border-box;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:23px;height:23px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.category-filter-reset{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:3px;font-size:10px;font-weight:800}.category-filter-reset:hover{text-decoration:underline}.category-filter-groups{flex-direction:column;display:flex}.category-filter-group{border-bottom:1px solid #e8edf4;padding:16px 15px}.category-filter-group:last-child{border-bottom:0}.category-filter-group h3{color:#0f172a;margin:0 0 11px;font-size:13px;font-weight:800}.category-filter-group>p{color:#94a3b8;margin:0;font-size:10px;line-height:1.5}.category-filter-options{flex-direction:column;gap:9px;display:flex}.category-filter-options label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:11px;line-height:1.3;display:flex}.category-filter-options label:hover{color:#0f172a}.category-filter-options input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex:none;width:15px;height:15px;margin:0}.category-filter-empty{color:#64748b;padding:20px 15px;font-size:11px;line-height:1.5}.category-price-filter{flex-direction:column;gap:8px;display:flex}.category-price-filter>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.category-price-filter input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:34px;padding:0 8px;font-size:11px}.category-price-filter input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.category-price-filter button{color:#0f172a;cursor:pointer;background:#facc15;border:1px solid #eab308;border-radius:6px;min-height:34px;padding:0 10px;font-size:10px;font-weight:800}.category-price-filter button:hover{background:#fbbf24}.category-products-column{width:100%;min-width:0}.category-products-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.category-products-heading h2{color:#0f172a;margin:0 0 4px;font-size:25px;font-weight:800;line-height:1.15}.category-products-heading p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.category-products-eyebrow{color:#2563eb;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.category-empty{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.category-empty h3{color:#0f172a;margin:0 0 7px;font-size:18px;font-weight:800}.category-empty p{color:#64748b;max-width:420px;margin:0;font-size:12px;line-height:1.5}@media (max-width:1050px){.category-page-container{width:calc(100% - 30px)}.category-hero-content{grid-template-columns:210px minmax(0,1fr);gap:20px}.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:105px}.category-content-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}}@media (max-width:820px){.category-page-container{width:calc(100% - 24px)}.category-hero{padding:16px}.category-hero-content{grid-template-columns:1fr;gap:15px}.category-hero-intro p{max-width:600px}.category-hero-with-image,.category-hero-with-image .category-hero-content{grid-template-columns:1fr}.category-hero-image{height:160px}.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:105px}.category-content-layout{grid-template-columns:1fr}.category-filter-sidebar{position:static}}@media (max-width:640px){.category-page-container{width:calc(100% - 18px);padding-top:12px}.category-breadcrumb{margin-bottom:12px;font-size:10px}.category-hero{border-radius:10px;padding:14px}.category-hero-intro h1{font-size:22px}.category-subcategories h2{font-size:12px}.subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:145px}.subcategory-card{min-height:40px;padding:7px 9px;font-size:10px}.category-content-layout{gap:15px;margin-top:15px}.category-products-heading h2{font-size:22px}.category-filter-group{padding:14px}}@media (max-width:420px){.subcategory-grid{grid-template-columns:1fr;max-height:150px}.category-price-filter>div{grid-template-columns:1fr}}