/* Desktop mega menu follows the interaction and proportions in the supplied video. */
.catalog-nav{background:#1b7d5b;border-color:#1b7d5b;z-index:40}
.catalog-nav .nav-inner{gap:0;justify-content:space-between}
.catalog-nav .nav-inner>a,.catalog-nav .nav-group>summary{color:#fff;font-size:13px;font-weight:700;padding:0 13px;min-height:49px;position:relative;transition:color .16s,background .16s}
.catalog-nav .nav-group>summary:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:2px;background:#ffdd46;transform:scaleX(0);transform-origin:center;transition:transform .16s}
.catalog-nav .nav-group[open]>summary,.catalog-nav .nav-group>summary:hover,.catalog-nav .nav-inner>a:hover{background:#ffffff08;color:#ffe265}
.catalog-nav .nav-group[open]>summary:after{transform:scaleX(1)}
.catalog-nav .nav-group>summary .icon{width:12px;height:12px;transition:transform .16s}
.catalog-nav .nav-group[open]>summary .icon{transform:rotate(180deg)}
.catalog-nav .nav-all>summary{background:linear-gradient(100deg,#e4ca27 0%,#288263 90%);padding-left:20px;padding-right:20px;gap:8px}
.catalog-nav .nav-all>summary:hover,.catalog-nav .nav-all[open]>summary{background:linear-gradient(100deg,#ebd343 0%,#288263 90%);color:#fff}
.catalog-nav .nav-all>summary>.icon{width:16px;height:16px;transform:none}
.menu-count{font-size:9px;line-height:1.3;min-width:20px;text-align:center;padding:2px 4px;border-radius:5px;color:#42552c;background:#ffe061;font-weight:700}
.catalog-nav .nav-quote>.icon{width:16px;height:16px}
.catalog-nav .mega-panel{left:0;right:0;top:100%;padding:24px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;min-height:min(418px,calc(100dvh - var(--menu-edge,184px) - 18px));max-height:calc(100dvh - var(--menu-edge,184px) - 18px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e5ebe7;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 18px 35px #182e2920;animation:menu-arrive .16s ease-out;transform-origin:top}
.catalog-nav .menu-preview{display:flex;flex-direction:column;align-items:center;text-align:center;align-self:start;color:#34775e;min-width:0}
.menu-preview-image{display:block;background:#f0f2f1;width:100%;aspect-ratio:1;border-radius:11px;overflow:hidden;margin-bottom:14px}
.menu-preview-image img{display:block;width:100%;height:100%;object-fit:cover}
.menu-preview-name{font-size:15px;line-height:1.4;display:block;margin-bottom:4px;color:#237655}
.menu-preview-tag{font-size:12px;line-height:1.5;color:#7c8780;display:block}
.menu-preview>small{font-size:13px;font-weight:700;line-height:1.5;display:block;margin-top:5px;color:#288364}
.menu-preview:focus-visible{outline:2px solid #288364;outline-offset:6px;border-radius:8px}
.menu-preview.preview-swap .menu-preview-image img{animation:menu-preview-arrive .18s ease-out}
.menu-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start;min-width:0}
.menu-column{display:grid;gap:23px;min-width:0}
.menu-section{min-width:0}
.menu-section>h3{font-size:15px;line-height:1.5;color:#287558;border-bottom:1px solid #f0f3f1;margin:0 0 7px;padding:0 0 8px;font-weight:700}
.menu-section>h3 a{display:block}
.menu-section>h3 a:hover{color:#155337}
.menu-section ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.menu-section li{min-width:0}
.menu-section li>a{display:block;font-size:14px;line-height:1.55;color:#69766e;padding:5px 8px;margin-left:-8px;border-radius:6px;transition:background .14s,color .14s}
.menu-section li>a:hover,.menu-section li>a:focus-visible,.menu-section li>a.is-previewed{background:#ecf6ef;color:#247352}
.menu-section li>a:focus-visible{outline:2px solid #2d8563;outline-offset:1px}
.menu-backdrop{position:fixed;inset:var(--menu-edge,184px) 0 0;z-index:35;background:#152a273d;backdrop-filter:blur(2px);cursor:default;padding:0;border:0;border-radius:0;width:100%}
.menu-backdrop:not([hidden]){display:block;animation:menu-shade .16s ease-out}
.menu-backdrop[hidden]{display:none}
@keyframes menu-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes menu-preview-arrive{from{opacity:.55;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes menu-shade{from{opacity:0}to{opacity:1}}
@media(min-width:1001px) and (max-width:1200px){
 .catalog-nav .nav-inner>a,.catalog-nav .nav-group>summary{font-size:12px;padding-left:9px;padding-right:9px;gap:5px}
 .catalog-nav .nav-all>summary{padding-left:12px;padding-right:12px}
 .catalog-nav .mega-panel{grid-template-columns:200px minmax(0,1fr);gap:25px;padding:22px;min-height:min(380px,calc(100dvh - var(--menu-edge,184px) - 18px))}
 .menu-columns{gap:18px}
 .menu-section>h3{font-size:14px}
 .menu-section li>a{font-size:13px}
 .menu-preview-name{font-size:14px}
}
@media(max-width:1000px){
 .menu-backdrop{display:none!important}
 .mobile-drawer .drawer-head{background:#1b7d5b;color:#fff}
 .mobile-drawer .drawer-head .icon-button:hover{background:#ffffff18}
 .mobile-drawer .drawer-all{background:#edf6ef;color:#257657}
 .mobile-drawer details[open]>summary{background:#edf6ef;color:#237655;box-shadow:inset 3px 0 #e8cd3d}
}
@media(prefers-reduced-motion:reduce){.catalog-nav .mega-panel,.menu-preview.preview-swap .menu-preview-image img,.menu-backdrop:not([hidden]){animation:none}.catalog-nav .nav-group>summary,.catalog-nav .nav-group>summary:after,.catalog-nav .nav-group>summary .icon,.menu-section li>a{transition:none}}
@media print{.menu-backdrop{display:none!important}}