.trn.trn-header{background:#e9e5df}@media(max-width:749px){.trn-header .trn-mobile-menu{position:static}.trn-header .trn-mobile-menu__panel{position:absolute;top:100%;left:0;right:0;width:auto;max-width:100%;box-sizing:border-box;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 20px 22px;background:#e9e5df;border-top:1px solid rgba(117,74,40,.12);border-bottom:0;border-radius:0 0 18px 18px;box-shadow:0 18px 30px #3c261424;z-index:30}.trn-header .trn-mobile-menu__panel li a{padding:15px 2px;font-size:16px;font-weight:600;color:#3a2c22;border-bottom:1px solid rgba(117,74,40,.14);overflow-wrap:anywhere}.trn-header .trn-mobile-menu__panel li:last-child a{border-bottom:0}.trn-header .trn-mobile-menu__panel li a[aria-current=page]{color:#754a28}.trn-header .trn-mobile-menu__panel .trn-loc{flex-wrap:wrap;gap:10px;max-width:100%}.trn-header .trn-mobile-menu__panel .trn-loc select{max-width:100%;background:#f3f0ec}}@keyframes trnMenuIn{0%{clip-path:inset(0 0 100% 0 round 0 0 18px 18px);opacity:.4;transform:translateY(-6px)}to{clip-path:inset(0 0 0 0 round 0 0 18px 18px);opacity:1;transform:none}}@keyframes trnMenuOut{0%{clip-path:inset(0 0 0 0 round 0 0 18px 18px);opacity:1;transform:none}to{clip-path:inset(0 0 100% 0 round 0 0 18px 18px);opacity:.4;transform:translateY(-6px)}}@keyframes trnItemIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes trnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes trnFadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:749px){.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel{animation:trnMenuIn .6s cubic-bezier(.22,1,.36,1) both}.trn-header .trn-mobile-menu.is-closing .trn-mobile-menu__panel{animation:trnMenuOut .38s cubic-bezier(.55,0,.45,1) both}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li,.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel .trn-loc{animation:trnItemIn .55s cubic-bezier(.22,1,.36,1) both}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li:nth-child(1){animation-delay:.1s}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li:nth-child(2){animation-delay:.16s}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li:nth-child(3){animation-delay:.22s}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li:nth-child(4){animation-delay:.28s}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li:nth-child(5){animation-delay:.34s}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li:nth-child(6){animation-delay:.4s}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel li:nth-child(n+7){animation-delay:.46s}.trn-header .trn-mobile-menu[open] .trn-mobile-menu__panel .trn-loc{animation-delay:.42s}.trn-header .trn-mobile-menu__panel li a{position:relative;transition:color .25s ease,padding-left .35s cubic-bezier(.22,1,.36,1)}.trn-header .trn-mobile-menu__panel li a:hover,.trn-header .trn-mobile-menu__panel li a:focus-visible,.trn-header .trn-mobile-menu__panel li a:active{color:#754a28;padding-left:8px}.trn-header .trn-mobile-menu[open]>summary:before{content:"";position:fixed;left:0;right:0;top:var(--trn-menu-top, 110px);bottom:0;background:#2b1e1447;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1;cursor:default;animation:trnFadeIn .45s ease both}.trn-header .trn-mobile-menu.is-closing>summary:before{animation:trnFadeOut .38s ease both}.trn-header .trn-mobile-menu>summary svg{transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}.trn-header .trn-mobile-menu>summary:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:linear-gradient(45deg,transparent 45%,#4a3a2e 45%,#4a3a2e 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#4a3a2e 45%,#4a3a2e 55%,transparent 55%);opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}.trn-header .trn-mobile-menu[open]:not(.is-closing)>summary svg{opacity:0;transform:rotate(90deg) scale(.6)}.trn-header .trn-mobile-menu[open]:not(.is-closing)>summary:after{opacity:1;transform:none}.trn-header .trn-mobile-menu__panel{z-index:30}}@media(max-width:749px)and (prefers-reduced-motion:reduce){.trn-header .trn-mobile-menu .trn-mobile-menu__panel,.trn-header .trn-mobile-menu .trn-mobile-menu__panel li,.trn-header .trn-mobile-menu .trn-mobile-menu__panel .trn-loc,.trn-header .trn-mobile-menu>summary:before{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/terrene-mobile-menu.css.map */