.el-nav [hidden]{display:none!important}.el-nav{--el-nav-hero-h: clamp(35rem, calc(100svh - var(--announce-h)), 61.25rem);--el-nav-mark: min(clamp(8.5rem, 12.5vw, 13.5rem), 22svh);--el-nav-bar-mark: clamp(7rem, 8.4vw, 8.75rem);--el-nav-link: clamp(.75rem, .92vw, .875rem);--el-nav-top: env(safe-area-inset-top, 0px);position:absolute;inset:var(--announce-h) 0 auto;z-index:90;height:0}.el-nav[data-mode=solid]{position:sticky;top:0;height:auto}main[tabindex="-1"]:focus{outline:none}.el-nav-skip{position:fixed;top:calc(var(--el-nav-top) + .75rem);left:.75rem;z-index:130;display:inline-flex;align-items:center;min-height:44px;padding:0 1.25rem;border-radius:100px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transform:translateY(calc(-100% - 2rem));transition:transform .3s var(--ease)}.el-nav-skip:focus{transform:none}.el-nav-sentinel{position:absolute;inset:0 0 auto;height:var(--el-nav-hero-h);pointer-events:none;visibility:hidden}.el-nav-logo{display:inline-flex;align-items:center;min-height:44px;line-height:0;color:inherit;text-decoration:none}.el-nav-mark{width:100%;height:auto}.el-nav-links{display:flex;align-items:center;gap:0 clamp(1.1rem,2.1vw,2.35rem);margin:0;padding:0;list-style:none}.el-nav-link{--el-nav-rule: var(--gold);position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:var(--el-nav-link);font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1;white-space:nowrap;color:inherit;text-decoration:none}.el-nav-link:after{content:"";position:absolute;left:0;right:.18em;top:calc(50% + .5em + .4rem);height:2px;border-radius:2px;background:var(--el-nav-rule);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease)}.el-nav-link:hover:after,.el-nav-link:focus-visible:after,.el-nav-link[aria-current=page]:after{transform:scaleX(1)}.el-nav-burger{display:inline-grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;transition:background-color .25s var(--ease)}.el-nav-burger:hover{background:#ffffff24}.el-nav-burger-lines{display:grid;gap:7px;width:26px}.el-nav-burger-lines>span{display:block;justify-self:end;width:100%;height:2px;border-radius:2px;background:currentColor;transition:width .4s var(--ease)}.el-nav-burger-lines>span:last-child{width:68%}.el-nav-burger:hover .el-nav-burger-lines>span:last-child,.el-nav-burger:focus-visible .el-nav-burger-lines>span:last-child{width:100%}.el-nav-over{position:absolute;inset:calc(var(--el-nav-top) + clamp(1rem,4.6svh,3.25rem)) 0 auto;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"logo . links burger";align-items:center;column-gap:clamp(1rem,2.2vw,2rem);padding-inline:var(--pad-x);color:#fff;text-shadow:0 1px 16px rgb(var(--forest-rgb) / .35)}.el-nav-over-logo{grid-area:logo;width:var(--el-nav-mark);filter:drop-shadow(0 1px 12px rgb(var(--forest-rgb) / .3))}.el-nav-over-links{grid-area:links}.el-nav-over .el-nav-link{--el-nav-rule: var(--gold-soft)}.el-nav-over-actions{grid-area:burger;display:flex;align-items:center;gap:.25rem}.el-nav-over-burger{margin-right:-9px}.el-nav-over-burger .el-nav-burger-lines>span{box-shadow:0 1px 10px rgb(var(--forest-rgb) / .3)}.el-nav-bar{position:fixed;inset:0 0 auto;padding-top:var(--el-nav-top);background:var(--oat);color:var(--ink);border-bottom:1px solid var(--rule);box-shadow:0 16px 32px -28px rgb(var(--forest-rgb) / .5);opacity:0;transform:translateY(-101%);visibility:hidden;transition:transform .55s var(--ease),opacity .4s ease,visibility 0s linear .55s}.el-nav-bar[data-shown=true]{opacity:1;transform:none;visibility:visible;transition:transform .55s var(--ease),opacity .3s ease}.el-nav[data-mode=solid] .el-nav-bar{position:relative;opacity:1;transform:none;visibility:visible;box-shadow:none;transition:none}.el-nav-bar-in{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"logo links actions";align-items:center;column-gap:1.5rem;height:var(--nav-h);padding-inline:var(--pad-x)}.el-nav-bar-logo{grid-area:logo;justify-self:start;width:var(--el-nav-bar-mark)}.el-nav-bar-links{grid-area:links}.el-nav-actions{grid-area:actions;justify-self:end;display:flex;align-items:center;gap:clamp(.5rem,1vw,1rem);margin-right:-9px}.el-nav-cta{min-height:44px}.el-nav-bar .el-nav-burger:hover{background:rgb(var(--ink-rgb) / .07)}.el-nav-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-top:var(--el-nav-top);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--forest);color:var(--oat);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility 0s linear .4s}.el-nav-panel[data-open=true]{opacity:1;visibility:visible;transition:opacity .4s var(--ease)}.el-nav-panel-motif{position:absolute;top:0;right:0;bottom:0;left:42%;z-index:-1;color:var(--gold-soft);pointer-events:none;-webkit-mask-image:linear-gradient(to left,#000 15%,transparent 90%);mask-image:linear-gradient(to left,#000 15%,transparent 90%)}.el-nav-panel-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-h);padding-inline:var(--pad-x)}.el-nav-panel-logo{width:var(--el-nav-bar-mark)}.el-nav-close{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;margin-right:-.7rem;padding:0 .7rem 0 1rem;border:0;border-radius:999px;background:transparent;color:inherit;font-size:var(--el-nav-link);font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1;transition:background-color .25s var(--ease)}.el-nav-close:hover{background:#f2ede31a}.el-nav-close-x{position:relative;width:20px;height:20px}.el-nav-close-x:before,.el-nav-close-x:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;border-radius:2px;background:currentColor;transform:rotate(45deg)}.el-nav-close-x:after{transform:rotate(-45deg)}.el-nav-panel-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:2rem clamp(2rem,6vw,6rem);padding:clamp(1rem,3vh,2.5rem) var(--pad-x)}.el-nav-pages{display:grid;gap:.06em;margin:0;padding:0;list-style:none;font-size:clamp(2.6rem,6vw,5.75rem)}.el-nav-pages>li{opacity:0;transform:translateY(.4em);transition:opacity .5s var(--ease),transform .7s var(--ease)}.el-nav-panel[data-open=true] .el-nav-pages>li{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 60ms + 90ms)}.el-nav-page{display:inline-block;font-weight:800;letter-spacing:-.035em;line-height:1.06;color:inherit;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:.045em;text-underline-offset:.14em;transition:color .3s var(--ease),text-decoration-color .3s var(--ease)}.el-nav-page:hover,.el-nav-page:focus-visible{color:var(--gold-soft)}.el-nav-page[aria-current=page]{text-decoration-color:var(--gold-soft)}.el-nav-secs-wrap{align-self:center}.el-nav-secs-h{margin:0 0 .9rem}.el-nav-secs{display:grid;margin:0;padding:0;list-style:none;font-size:clamp(1.05rem,1.45vw,1.35rem)}.el-nav-sec{display:inline-flex;align-items:center;min-height:44px;font-weight:500;line-height:1.2;color:#f2ede3e0;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.26em;transition:color .25s var(--ease),text-decoration-color .25s var(--ease)}.el-nav-sec:hover,.el-nav-sec:focus-visible{color:#fff;text-decoration-color:var(--gold-soft)}.el-nav-panel-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 2rem;padding:.6rem var(--pad-x) 1.1rem;border-top:1px solid rgb(242 237 227 / .16)}.el-nav-social{display:flex;flex-wrap:wrap;gap:0 clamp(1.25rem,3vw,2.5rem);margin:0;padding:0;list-style:none}.el-nav-ext{display:inline-flex;align-items:center;gap:.45em;min-height:44px;font-size:var(--t-caps);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#f2ede3d9;text-decoration:none;transition:color .25s var(--ease)}.el-nav-ext:hover,.el-nav-ext:focus-visible{color:#fff}.el-nav-ext-arrow{color:var(--gold-soft);letter-spacing:0}.el-nav-panel-cta{min-height:44px}@media(max-width:1199px){.el-nav-links{gap:0 clamp(.9rem,1.7vw,1.4rem)}.el-nav-bar-in{grid-template-columns:auto 1fr auto}.el-nav-bar-links{justify-self:center}}@media(max-width:999px){.el-nav{--el-nav-mark: 8rem}.el-nav-links{display:none}.el-nav-over{top:calc(var(--el-nav-top) + .9rem);grid-template-columns:auto 1fr auto;grid-template-areas:"logo . burger"}.el-nav-bar-in{grid-template-columns:auto 1fr auto;grid-template-areas:"logo . actions"}}@media(max-width:859px){.el-nav-panel-body{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.75rem;padding-top:1.25rem;padding-bottom:1.5rem}.el-nav-pages{font-size:clamp(2.35rem,10.5vw,3.25rem)}.el-nav-secs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}.el-nav-panel-motif{top:0;right:0;bottom:0;left:30%}}@media(max-width:599px){.el-nav-bar-in{height:4.25rem}.el-nav-bar-logo{width:7rem}.el-nav-cta{display:none}.el-nav-panel-top{height:4.25rem}.el-nav-panel-cta{width:100%;margin-top:.25rem}}html.is-still .el-nav-bar,html.is-still .el-nav-panel,html.is-still .el-nav-pages>li{transition:none}@media(prefers-reduced-motion:reduce){.el-nav-bar,.el-nav-panel,.el-nav-pages>li,.el-nav-link:after,.el-nav-skip,.el-nav-burger-lines>span{transition:none}.el-nav-pages>li{transform:none}}.el-nav[data-menu=open]{z-index:120}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ecolux-nav.css.map */