.megaMenuWrapper{position:relative}.megaMenuTrigger{cursor:pointer;letter-spacing:.5px;color:var(--header-fg);background:0 0;border:0;align-items:center;gap:5px;padding:10px 0;font-size:18px;font-weight:500;transition:color .22s;display:flex}.megaMenuChevron{filter:var(--header-chevron-filter);transition:transform .22s}.megaMenuChevronOpen{transform:rotate(180deg)}.megaMenuPanel{background-color:var(--header-panel-bg);border-top:1px solid var(--header-border);border-bottom:1px solid var(--header-border);clip-path:inset(0 0 100%);opacity:0;pointer-events:none;will-change:clip-path, opacity;width:100%;max-height:calc(100vh - 70px);transition:clip-path .42s cubic-bezier(.65,0,.35,1),opacity .28s;position:fixed;top:67px;left:0;overflow:hidden auto}.megaMenuPanelOpen{clip-path:inset(0);opacity:1;pointer-events:auto}.megaMenuInner{--megaMenuGap:clamp(28px, 4vw, 60px);gap:var(--megaMenuGap);opacity:0;grid-template-columns:repeat(3,minmax(260px,1fr));align-items:stretch;margin:0 auto;padding:56px 50px 0;transition:opacity .32s 80ms,transform .32s cubic-bezier(.22,1,.36,1) 80ms;display:grid;transform:translateY(-8px)}.megaMenuPanelOpen .megaMenuInner{opacity:1;transform:translateY(0)}.megaMenuColumn{text-align:center;flex-direction:column;justify-content:space-between;display:flex;position:relative}.megaMenuColumn span{color:var(--primary);margin-bottom:1rem;font-size:24px;font-weight:500;display:block}.megaMenuColumn p{width:90%;color:var(--header-panel-muted);margin:0 auto;font-size:16px;font-weight:400}.megaMenuColumn div{flex-direction:column;align-items:center;width:100%;display:flex}.megaMenuColumn strong{letter-spacing:.5px;background-color:var(--header-panel-accent-bg);color:var(--header-panel-accent-fg);border:1px solid var(--border-color);cursor:pointer;border-radius:30px;align-items:center;gap:1rem;margin-top:1rem;padding:10px 20px;font-size:16px;font-weight:500;display:flex}.megaMenuColumn strong img{filter:var(--header-arrow-filter)}.megaMenuColumn picture{background-color:var(--primary);border-radius:24px 24px 0 0;justify-content:center;width:90%;margin-top:2rem;padding-top:2rem;display:flex;overflow:hidden}.megaMenuColumn img{transition:transform .3s ease-in-out;display:block}.megaMenuColumn :hover picture img{transform:scale(1.07)}.megaMenuColumn:not(:first-child):before{content:"";top:0;bottom:0;left:calc(var(--megaMenuGap) / -2);background-color:var(--header-border);width:1px;position:absolute}.megaMenuColumn:first-child picture{background-color:#f0c6c6}.megaMenuColumn:nth-child(2) picture{background-color:#c7c7ff}.megaMenuColumn:nth-child(3) picture{background-color:#f1e5ad}@media (prefers-reduced-motion:reduce){.megaMenuPanel,.megaMenuInner,.megaMenuChevron{transition:none!important}}@media (max-width:1400px){.megaMenuPanel{top:64px}}@media (max-height:700px){.megaMenuInner{padding:25px 35px 0}.megaMenuColumn span{font-size:20px}.megaMenuColumn strong{font-size:1rem}}@media (max-width:1400px){.megaMenuTrigger{font-size:1rem}}@media (max-width:1100px){.megaMenuInner{grid-template-columns:1fr}.megaMenuColumn:not(:first-child):before{display:none}.megaMenuColumn:not(:first-child){border-top:1px solid var(--border-color);padding-top:28px}}@media (max-width:992px){.megaMenuWrapper{border-bottom:1px solid var(--border-color);width:100%}.megaMenuTrigger{justify-content:space-between;width:100%;padding:18px 24px}.megaMenuPanel{clip-path:none;opacity:1;border-top:0;border-bottom:0;width:auto;max-height:0;transition:max-height .38s cubic-bezier(.65,0,.35,1);position:static;top:auto;overflow:hidden}.megaMenuPanelOpen{clip-path:none;max-height:1400px}.megaMenuInner{opacity:1;grid-template-columns:1fr;gap:0;padding:8px 24px 24px;transition:none;transform:none}.megaMenuColumn{border-bottom:none!important;gap:0!important;padding:0!important}.megaMenuColumn span{margin-bottom:.5rem;font-size:1rem}.megaMenuColumn:not(:first-child){padding-top:24px!important}.megaMenuColumn picture{margin-top:1rem}.megaMenuColumn picture img{object-fit:contain;height:200px}.megaMenuColumn strong{gap:.5rem;width:auto;font-size:14px}.megaMenuColumn strong img{width:16px}.megaMenuColumn p{font-size:12px}}
