.products-hero{padding:1.25rem 0 .75rem}.products-hero h1{font-size:clamp(1.4rem,5.2vw,2.25rem);line-height:1.15;margin:0 0 .25rem}.products-hero p{font-size:clamp(.95rem,3.4vw,1.05rem);color:#475569;margin:0 0 .5rem}@media (max-width: 480px){.products-hero{padding:.75rem 0 .5rem}}.catalog-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem}.category-sidebar{position:sticky;top:calc(var(--header-height,72px) + 8px);align-self:start;height:fit-content}.category-nav{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d}.category-nav h3{margin:0;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;font-size:1rem;color:#1f2937}.category-nav ul{list-style:none;padding:.5rem 0;margin:0}.category-link{display:block;padding:.6rem 1.25rem;text-decoration:none;color:#374151;font-weight:500;border-left:3px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .2s ease,color .2s ease,border-color .2s ease}.category-link:hover{background:#f9fafb;color:#1d4ed8}.category-link.active{color:#1d4ed8;background:#eef2ff;border-left-color:#1d4ed8}.catalog-content{min-width:0}@media (max-width: 900px){.catalog-layout{grid-template-columns:1fr}.category-sidebar{position:static;order:-1}}.filter-bar{position:sticky;top:var(--header-height,72px);z-index:900;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.filter-bar .filter-bar-inner{display:flex;align-items:center;gap:1rem;padding:.5rem 0 1rem;flex-wrap:wrap}.filter-bar-right{margin-left:auto}.product-catalog .filter-bar{margin-bottom:.5rem}.product-catalog #productsTopBar{margin-top:.25rem}.filter-bar #topSearch.chip-select{width:280px;background:transparent}.chip-group{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e5e7eb;padding:.4rem .6rem;border-radius:9999px;box-shadow:0 2px 8px #0f172a0d}.chip-label{font-size:.85rem;color:#475569;font-weight:600;padding-left:.3rem}.chip-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:.9rem;color:#111827;padding:.25rem 1.6rem .25rem .5rem;border-radius:9999px;outline:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3e%3cpath fill='%236b7280' d='M5.5 7l4.5 5 4.5-5H5.5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .3rem center}.chip-select:focus{box-shadow:0 0 0 2px #3b82f640}@media (max-width: 768px){.filter-bar{display:none}}.product-filters.sidebar{margin-top:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000000d}.product-filters.sidebar h3{margin:0 0 .75rem;font-size:1rem;color:#1f2937;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.product-filters.sidebar .filters-wrapper{display:flex;flex-direction:column;gap:.75rem}.product-filters.sidebar .filter-group{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}.product-filters.sidebar .filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9999px;padding:.5rem 2.25rem .5rem .75rem;font-size:.9rem;color:#111827;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3e%3cpath fill='%236b7280' d='M5.5 7l4.5 5 4.5-5H5.5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .6rem center}.product-filters.sidebar .filter-select:focus{outline:none;box-shadow:0 0 0 2px #3b82f640}.product-filters.sidebar .filter-group label{font-weight:600;color:#475569;font-size:.85rem}.product-filters.sidebar .filter-reset{width:100%;border-radius:9999px}.filter-search{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:9999px;background:#f8fafc;font-size:.95rem}.product-filters .filter-group label[for=search]{font-weight:600;color:#475569;font-size:.85rem}.product-filters .search-group{margin-bottom:.75rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.product-card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eef2f7;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0f172a14;transition:transform .15s ease,box-shadow .15s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a1f}.product-card img{height:220px;object-fit:contain;width:100%;background:#fff;border-bottom:none;display:block;padding:10px}.product-content{padding:1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.product-content h3{font-size:1.05rem;line-height:1.25;min-height:2.5em;color:#0f172a}.product-content p{display:none}.product-price{margin-top:.35rem;display:flex;flex-direction:column;gap:.1rem}.product-price .price-original{color:#94a3b8;text-decoration:line-through;font-size:.95rem;font-weight:500}.product-price .price-current{color:#0f172a;font-size:1.25rem;font-weight:700}.product-card .add-to-cart{margin-top:auto;border-radius:12px;height:44px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #3b82f640}.product-card .product-hint{color:#64748b;font-size:.92rem}.product-card .product-badge{position:absolute;top:12px;left:12px;background:#ef4444;color:#fff;padding:.3rem .7rem;border-radius:9999px;font-size:.85rem;font-weight:600;box-shadow:0 6px 14px #ef444440}@media (min-width: 1200px){.product-catalog .catalog-content .products-grid{grid-template-columns:repeat(4,1fr);gap:1rem;align-items:stretch}}@media (max-width: 900px){#toggleFilters{display:inline-flex!important}.category-nav,.product-filters.sidebar{display:none}.category-sidebar.open .product-filters.sidebar{display:block}}