.catalog-layout{display:grid;grid-template-columns:minmax(230px,280px) 1fr;gap:32px;align-items:start}.category-filter{background:#f5f8f6;border:1px solid #d7e1d8;border-radius:14px;padding:20px;position:sticky;top:18px}.category-filter h2{margin-top:0}.category-filter ul{list-style:none;margin:0;padding:0}.category-filter ul ul{padding:6px 0 8px 14px}.category-filter ul ul ul{padding-left:12px}.category-filter a{display:block;padding:4px;color:#163c2b;text-decoration:none}.category-filter a:hover{text-decoration:underline}.catalog-results{min-width:0}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:24px 0 34px}.subcategory-grid>a{display:flex;min-height:96px;align-items:center;gap:14px;padding:18px;border:1px solid #d6e0d8;border-radius:13px;background:#fff;color:#123d29;text-decoration:none;box-shadow:0 5px 16px rgba(10,55,34,.06)}.subcategory-grid img{width:68px;height:68px;object-fit:contain}.category-description{max-width:900px;line-height:1.65}.mega-item{position:relative;display:flex;align-items:stretch}.mega-item>a{display:flex;align-items:center}.mega-panel{display:none;position:absolute;z-index:50;left:0;top:100%;width:min(900px,85vw);padding:22px;background:#fff;border:1px solid #d4dfd6;border-radius:0 0 14px 14px;box-shadow:0 18px 38px rgba(8,45,29,.18)}.mega-item:hover .mega-panel,.mega-item:focus-within .mega-panel{display:block}.mega-panel>div{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:22px;margin-top:14px}.mega-panel section>a{display:block;padding:4px 0;color:#183b2d;text-decoration:none}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px}.pagination a{min-width:40px;text-align:center}
@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.category-filter{position:static}.mega-nav>.container{display:flex;overflow-x:auto}.mega-panel{position:fixed;left:12px;right:12px;top:auto;width:auto;max-height:65vh;overflow:auto}.mega-panel>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.subcategory-grid{grid-template-columns:1fr 1fr}.mega-panel>div{grid-template-columns:1fr}.category-filter ul ul ul{display:none}}
