.hno-prod-wrap{padding:48px 0 80px}.hno-prod-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.hno-prod-side{position:sticky;top:88px;background:#f1f5f9;border-radius:4px;padding:24px}.hno-prod-side h2{font-size:1rem;color:#1f2937}.hno-prod-side a{display:block;color:#1f2937;padding:8px 0;border-bottom:1px solid #dce3ea;-webkit-text-decoration:none;text-decoration:none}.hno-prod-side a:hover{color:#c62828}.hno-prod h1{font-size:max(2rem, min(4vw, 3.5rem));color:#1f2937}.hno-prod li,.hno-prod p{color:#1f2937}.hno-prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px}.hno-prod-card{background:#fff;border:1px solid #dce3ea;border-radius:4px;padding:16px;cursor:pointer;color:inherit;text-align:left;width:100%}.hno-prod-card img{width:100%;height:180px;-o-object-fit:contain;object-fit:contain;background:#f1f5f9}.hno-prod-card h3{font-size:1rem;color:#1f2937;margin-top:16px}.hno-cat-block{margin-bottom:48px}.hno-cat-block h2{color:#1f2937;font-size:1.5rem}.hno-prod-note{background:#f1f5f9;padding:32px;border-radius:4px}.hno-mobile-filter{display:none;margin-bottom:16px}@media (max-width:991.98px){.hno-prod-layout{grid-template-columns:minmax(0,1fr)}.hno-prod-side{display:none}.hno-mobile-filter{display:block}}