.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background-color:var(--menu-bg, #232323);color:var(--menu-text, #ffffff);z-index:99999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-100%);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility 0s .4s;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-overlay.is-active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility 0s 0s}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;min-height:64px;gap:12px}.mobile-menu-search{display:flex;align-items:center;gap:10px;flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:10px 16px;transition:border-color .2s ease,background .2s ease}.mobile-menu-search:focus-within{border-color:var(--menu-highlight, #ff11b0);background:#ffffff1f}.mobile-menu-search svg{flex-shrink:0;opacity:.6;color:var(--menu-text, #ffffff)}.mobile-menu-search-input{background:none;border:none;outline:none;color:var(--menu-text, #ffffff);font-size:15px;font-weight:500;width:100%;font-family:inherit}.mobile-menu-search-input::placeholder{color:#fff6}.mobile-menu-close{background:none;border:none;color:var(--menu-text, #ffffff);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;border-radius:50%;width:44px;height:44px;flex-shrink:0}.mobile-menu-close:hover{transform:rotate(90deg);opacity:.7}.mobile-menu-container{display:flex;flex-direction:column;height:100%;min-height:100dvh;width:100%}.mobile-menu-nav{flex:1;display:flex;align-items:flex-start;padding:10px 32px 20px;overflow-y:auto}.mobile-menu-links{list-style:none;margin:0;padding:0;width:100%}.mobile-menu-item{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.mobile-menu-overlay.is-active .mobile-menu-item{opacity:1;transform:translateY(0)}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(1){transition-delay:.06s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(2){transition-delay:.09s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(3){transition-delay:.12s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(4){transition-delay:.15s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(5){transition-delay:.18s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(6){transition-delay:.21s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(7){transition-delay:.24s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(8){transition-delay:.27s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(9){transition-delay:.3s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(10){transition-delay:.33s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(11){transition-delay:.36s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(12){transition-delay:.39s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(13){transition-delay:.42s}.mobile-menu-overlay.is-active .mobile-menu-item:nth-child(14){transition-delay:.45s}.mobile-menu-link{display:flex;align-items:center;justify-content:space-between;font-size:var(--menu-font-size, 38px);font-weight:var(--menu-font-weight, 900);text-transform:var(--menu-text-transform, uppercase);text-decoration:none;color:var(--menu-text, #ffffff);padding:10px 0;letter-spacing:-.02em;line-height:1.1;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.mobile-menu-link:hover,.mobile-menu-link:focus{color:var(--menu-highlight, #ff11b0);transform:translate(8px)}.mobile-menu-link--highlight{color:var(--menu-highlight, #ff11b0)!important}.mobile-menu-link--highlight:hover{color:var(--menu-highlight, #ff11b0)!important;opacity:.8}.mobile-menu-colour-toggle{cursor:pointer}.mobile-menu-colour-toggle .colour-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.mobile-menu-arrow{flex-shrink:0;margin-left:12px;opacity:.5;transition:transform .3s ease,opacity .2s ease}.mobile-menu-link:hover .mobile-menu-arrow{transform:translate(4px);opacity:1}.mobile-menu-arrow--rotate{transition:transform .3s ease}.mobile-menu-colour-toggle[aria-expanded=true] .mobile-menu-arrow--rotate{transform:rotate(180deg);opacity:1}.mobile-menu-submenu{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .3s ease}.mobile-menu-submenu.is-open{max-height:600px;padding:10px 0 6px}.colour-swatch-link{display:flex;align-items:center;gap:12px;padding:10px 8px;text-decoration:none;color:#ffffffd9;font-size:16px;font-weight:600;text-transform:capitalize;transition:color .2s ease,transform .2s ease;border-radius:8px}.colour-swatch-link:hover{color:#fff;transform:translate(6px);background:#ffffff0d}.colour-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.mobile-menu-divider{height:1px;background:#ffffff1f;margin:12px 0;list-style:none}.mobile-menu-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:18px;align-items:center}.mobile-menu-footer-link{display:flex;align-items:center;gap:8px;color:var(--menu-text, #ffffff);text-decoration:none;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.6;transition:opacity .2s ease,color .2s ease}.mobile-menu-footer-link:hover{opacity:1;color:var(--menu-highlight, #ff11b0)}.mobile-menu-trigger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:10px;width:44px;height:44px;z-index:100}.hamburger-line{display:block;width:22px;height:2.5px;background-color:currentColor;border-radius:2px;transition:transform .3s ease,opacity .3s ease}@media(max-width:768px){.mobile-menu-trigger{display:flex}}@media(max-width:380px){.mobile-menu-link{font-size:calc(var(--menu-font-size, 38px) * .65);padding:8px 0}.mobile-menu-nav{padding:8px 20px 16px}.mobile-menu-footer{padding:16px 20px;gap:12px}.mobile-menu-header{padding:14px 16px}}@media(min-width:381px)and (max-width:480px){.mobile-menu-link{font-size:calc(var(--menu-font-size, 38px) * .75);padding:9px 0}.mobile-menu-nav{padding:8px 24px 16px}}@media(min-width:481px)and (max-width:768px){.mobile-menu-link{font-size:calc(var(--menu-font-size, 38px) * .9);padding:10px 0}}@media(min-width:769px){.mobile-menu-link{font-size:calc(var(--menu-font-size, 38px) * 1.2);padding:14px 0}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mobile-menu.css.map */