.header #main-nav{align-items:center}
.catalog-menu{position:relative;display:flex;align-items:center;padding:10px 0}
.catalog-menu-toggle{display:flex;align-items:center;gap:7px;min-height:44px;border:0;background:transparent;color:var(--ink);padding:8px 4px;font-size:13px;border-radius:7px}
.catalog-menu-toggle>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .18s}
.catalog-menu.is-open .catalog-menu-toggle{color:#315b4d;background:#edf1e8}
.catalog-menu.is-open .catalog-menu-toggle>svg{transform:rotate(180deg)}
.catalog-submenu[hidden]{display:none!important}
.catalog-submenu{position:absolute;top:100%;left:-24px;width:min(570px,calc(100vw - 48px));border:1px solid #dbe2d6;border-radius:18px;background:#fffefb;padding:23px;box-shadow:0 18px 48px #20392e24;z-index:100}
.catalog-submenu-heading{padding:0 3px 17px;border-bottom:1px solid #e6e8df;margin-bottom:10px}
.catalog-submenu-heading>span{display:block;color:#315b4d;font-size:10px;font-weight:700;letter-spacing:.16em}
.catalog-submenu-heading>small{display:block;font-size:13px;color:#768075;margin-top:4px}
.catalog-submenu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.header nav .catalog-submenu-grid>a{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 10px;border:0;border-radius:10px;line-height:1.35}
.header nav .catalog-submenu-grid>a:hover,.header nav .catalog-submenu-grid>a:focus-visible{background:#edf1e8;color:#244a3c}
.catalog-menu-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:42px;border-radius:8px;background:#f0eade;color:#84663c}
.catalog-menu-icon svg{width:23px;height:23px}
.catalog-submenu-grid strong{display:block;font-size:13px;font-weight:600}
.catalog-submenu-grid small{display:block;font-size:10px;color:#6f786f;margin-top:5px;line-height:1.4}
.catalog-menu-arrow{margin-left:auto;color:#7c8c7d}
.header nav .catalog-menu-all{display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #e6e8df;padding:16px 6px 0;margin-top:13px;color:#315b4d;font-weight:700;font-size:12px}
@media(min-width:761px) and (max-width:1200px){.catalog-menu-toggle{font-size:11px}.catalog-submenu{left:-120px}}
@media(max-width:760px){
 .header #main-nav{align-items:stretch;max-height:calc(100dvh - 155px);overflow-y:auto;overscroll-behavior:contain}
 .catalog-menu{display:block;padding:0;width:100%;border-top:1px solid var(--line)}
 .catalog-menu-toggle{width:100%;justify-content:space-between;text-align:left;padding:14px;font-size:14px;min-height:50px;border-radius:0}
 .catalog-submenu{position:static;width:100%;padding:8px 10px 12px;box-shadow:none;border-radius:12px;border:1px solid #dce4d7;background:#f3f5ee;margin:0 0 10px}
 .catalog-submenu-heading{display:none}
 .catalog-submenu-grid{grid-template-columns:1fr;gap:2px}
 .header nav .catalog-submenu-grid>a{min-height:54px;padding:8px;border:0;background:#fffdf9}
 .catalog-submenu-grid strong{font-size:13px}.catalog-submenu-grid small{font-size:10px;margin-top:2px}
 .catalog-menu-icon{height:36px;flex-basis:32px;width:32px}.catalog-menu-icon svg{width:21px;height:21px}
 .header nav .catalog-menu-all{min-height:44px;padding:12px 8px 0;margin-top:8px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.catalog-menu-toggle>svg{transition:none}}
