:root{--menu-transition: cubic-bezier(.4, 0, .2, 1);--menu-duration: .35s;--menu-hover-bg: rgba(0, 0, 0, .04);--menu-active-bg: rgba(0, 0, 0, .08);--menu-indent: 16px}.mobile-menu-drawer{background:var(--bg-body);height:calc(100vh - var(--header-offset, 0px));display:flex;flex-direction:column;border-top:1px solid var(--color-border);overflow:hidden;text-align:left;opacity:0;transform:translateY(-10px);will-change:opacity,transform;transition:opacity var(--menu-duration) var(--menu-transition),transform var(--menu-duration) var(--menu-transition);position:relative}@supports (height: 100dvh){.mobile-menu-drawer{height:calc(100dvh - var(--header-offset, 0px))}}.mobile-menu-drawer.active{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-drawer--inner{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.mobile-menu{list-style:none;margin:0;padding:5px;flex:1;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}@media only screen and (min-width: 768px){.mobile-menu{padding:20px 40px}}.mobile-menu-item{opacity:0;transform:translate(-20px);animation:slideInLeft .4s var(--menu-transition) forwards;animation-delay:calc(var(--item-index, 1) * .05s)}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.menu-link-simple{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 18px;font-size:1.0625rem;font-weight:var(--font-body-medium-weight, 500);border-radius:12px;color:var(--color-header-text, var(--color-body));background:transparent;transition:all .25s var(--menu-transition);cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-link-simple:hover{background:var(--menu-hover-bg);transform:translate(4px);padding-left:22px}.menu-link-simple:active{background:var(--menu-active-bg);transform:scale(.98)}.mobile-menu-item>.link-container{border-radius:12px;overflow:hidden;background:transparent;transition:background .2s ease}.mobile-menu-item>.link-container[open]{background:var(--menu-hover-bg)}.mobile-menu-item>.link-container>summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 18px;font-size:1.0625rem;font-weight:var(--font-body-medium-weight, 500);color:var(--color-header-text, var(--color-body));background:transparent;transition:all .25s var(--menu-transition);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-menu-item>.link-container>summary::-webkit-details-marker{display:none}.mobile-menu-item>.link-container:not([open])>summary:hover{background:var(--menu-hover-bg);padding-left:22px}.mobile-menu-item>.link-container[open]>summary{background:transparent;border-bottom:1px solid var(--color-border);border-radius:0}.menu-item-text{flex:1;display:flex;align-items:center;gap:12px}.menu-arrow{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;transition:transform .3s var(--menu-transition),background .3s var(--menu-transition);border-radius:6px;background:#0000000d;margin-left:8px}.menu-arrow svg{width:10px;height:10px;transition:transform .3s var(--menu-transition)}.menu-arrow svg path{stroke:var(--color-header-text, var(--color-body));stroke-width:2.5}.mobile-menu-item>.link-container[open]>summary .menu-arrow svg{transform:rotate(180deg)}.mobile-menu-item>.link-container[open]>summary .menu-arrow{background:#0000001a}.menu-image-wrapper{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--menu-hover-bg);display:flex;align-items:center;justify-content:center}.menu-image-wrapper img{width:100%;height:100%;object-fit:cover}.mobile-menu .sub-menu{list-style:none;margin:0;padding:8px 0 12px;background:transparent;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--menu-transition),opacity .3s var(--menu-transition),padding .3s var(--menu-transition)}.mobile-menu-item>.link-container[open]>.sub-menu{max-height:2000px;opacity:1;padding:8px 0 12px}.parent-link-back{display:none}.sub-menu-item{padding-left:var(--menu-indent);margin:2px 0;opacity:0;transform:translate(-10px)}.mobile-menu-item>.link-container[open]>.sub-menu>.sub-menu-item{animation:slideInSubItem .3s var(--menu-transition) forwards;animation-delay:calc(var(--sub-item-index, 1) * .05s)}@keyframes slideInSubItem{to{opacity:1;transform:translate(0)}}.sub-menu-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;font-size:.9375rem;font-weight:500;border-radius:10px;color:var(--color-header-text, var(--color-body));background:transparent;transition:all .25s var(--menu-transition);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.sub-menu-link:before{content:"\203a";font-size:20px;font-weight:600;color:var(--color-header-text, var(--color-body));margin-right:8px;transition:transform .25s ease;margin-top:-4px}.sub-menu-link::hover:before{transform:translate(3px)}.sub-menu-link:hover{background:var(--menu-hover-bg);transform:translate(4px);padding-left:20px}.sub-menu-link:active{background:var(--menu-active-bg)}.sub-menu-link-content{display:flex;align-items:center;gap:10px;flex:1}.sub-menu-item>.link-container{border-radius:10px;overflow:hidden}.sub-menu-item>.link-container[open]{background:#00000005}.sub-menu-item>.link-container>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 16px;font-size:.9375rem;font-weight:500;color:var(--color-header-text, var(--color-body));background:transparent;transition:all .25s var(--menu-transition);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px}.sub-menu-item>.link-container>summary:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-header-text, var(--color-body));opacity:.4;margin-right:12px;flex-shrink:0;transition:all .25s var(--menu-transition)}.sub-menu-item>.link-container>summary::-webkit-details-marker{display:none}.sub-menu-item>.link-container>summary:hover{background:var(--menu-hover-bg)}.sub-menu-item>.link-container[open]>summary{background:transparent;border-bottom:1px solid var(--color-border);margin-bottom:6px;border-radius:10px 10px 0 0}.sub-menu-item>.link-container[open]>summary .menu-arrow svg{transform:rotate(180deg)}.sub-menu-item>.link-container[open]>summary .menu-arrow{background:#0000001a}.sub-menu .sub-menu{padding-left:var(--menu-indent);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s var(--menu-transition),opacity .25s var(--menu-transition)}.sub-menu-item>.link-container[open]>.sub-menu{max-height:1500px;opacity:1;padding-top:6px;padding-bottom:6px}.nested-menu-item{margin:2px 0}.nested-menu-item a{display:flex;align-items:center;min-height:44px;padding:8px 16px;font-size:.875rem;font-weight:400;border-radius:8px;color:var(--color-header-text, var(--color-body));opacity:.9;transition:all .2s var(--menu-transition);-webkit-tap-highlight-color:transparent;position:relative}.nested-menu-item a:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--color-header-text, var(--color-body));opacity:.3;margin-right:10px;flex-shrink:0;transition:all .2s var(--menu-transition)}.nested-menu-item a:hover:before{opacity:.7;transform:scale(1.5)}.nested-menu-item a:hover{background:var(--menu-hover-bg);opacity:1;padding-left:20px}.nested-menu-item a:active{background:var(--menu-active-bg)}.mega-menu-container{margin:12px 0 0;padding:16px;background:#00000005;border-radius:10px;opacity:0;transform:translateY(10px)}.mobile-menu-item>.link-container[open]>.sub-menu>.mega-menu-container{animation:fadeInUp .4s var(--menu-transition) .2s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.mega-menu-promotions{width:100%;display:grid;gap:12px}.mega-menu-heading{display:block;font-size:1.125rem;font-weight:600;margin-bottom:12px;color:var(--color-header-text, var(--color-body))}.mega-menu-sidebar--content{border:0;padding:0;border-radius:10px;overflow:hidden;margin-top:8px}.mega-menu-sidebar--content ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0;list-style:none;margin:0}@media only screen and (min-width: 540px){.mega-menu-sidebar--content ul{grid-template-columns:repeat(3,1fr)}}.mega-menu-sidebar--content-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border-radius:10px;background:#fff;transition:all .3s var(--menu-transition);text-align:center;border:1px solid var(--color-border)}.mega-menu-sidebar--content-container:hover{background:var(--menu-hover-bg);transform:translateY(-3px);box-shadow:0 6px 16px #0000001a;border-color:transparent}.mega-menu-sidebar--content-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--menu-hover-bg)}.mega-menu-sidebar--content-image img{width:100%;height:100%;object-fit:cover}.mega-menu-text{font-size:.8125rem;font-weight:500;color:var(--color-header-text, var(--color-body));line-height:1.3}.mega-menu-item{animation:scaleIn .25s var(--menu-transition) both;animation-delay:calc(var(--item-index, 1) * .04s)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mega-menu-collections{display:grid;gap:10px}.mega-menu-collections--layout-grid{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width: 540px){.mega-menu-collections--layout-grid{grid-template-columns:repeat(3,1fr)}}.mega-menu-collections--layout-tagcloud{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mega-menu-collections--collection-grid,.mega-menu-collections--collection-tagcloud{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border-radius:10px;background:#fff;transition:all .3s var(--menu-transition);text-align:center;font-size:.8125rem;font-weight:500;border:1px solid var(--color-border)}.mega-menu-collections--collection-grid:hover,.mega-menu-collections--collection-tagcloud:hover{background:var(--menu-hover-bg);transform:translateY(-3px);box-shadow:0 6px 16px #0000001a;border-color:transparent}.mega-menu-collections--collection-grid img,.mega-menu-collections--collection-tagcloud img{width:100%;border-radius:8px}.mega-menu-products{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media only screen and (min-width: 540px){.mega-menu-products{grid-template-columns:repeat(3,1fr)}}.social-links-wrapper{padding:0 10px;border-top:1px solid var(--color-border);animation:fadeIn .5s var(--menu-transition) .3s both;flex-shrink:0;background:var(--bg-body)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media only screen and (min-width: 768px){.social-links-wrapper{padding:24px 40px}}.mobile-menu-drawer .social-links{display:inline-flex;flex-wrap:wrap;gap:12px;padding:0;margin:0}.mobile-menu-drawer .social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--menu-hover-bg);transition:all .3s var(--menu-transition)}.mobile-menu-drawer .social-links a:hover{background:var(--menu-active-bg);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #00000026}.mobile-menu-drawer .social-links svg{width:20px;height:20px}.mobile-menu-drawer .thb-mobile-menu-footer{padding:16px 20px;background:var(--bg-body);border-top:1px solid var(--color-border);flex-shrink:0}@media only screen and (min-width: 768px){.mobile-menu-drawer .thb-mobile-menu-footer{padding:20px 40px}}.mobile-menu-drawer .thb-mobile-menu-footer .thb-localization-forms{text-align:left;width:100%}.mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form{width:100%}.mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form>div{margin-left:0;margin-right:20px}.mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form .select{margin-bottom:0;padding-right:14px;border-radius:10px;background:var(--menu-hover-bg);transition:all .2s var(--menu-transition)}.mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form .select:hover{background:var(--menu-active-bg)}.mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form .select-arrow{right:8px}.mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form .select-arrow svg path{stroke:var(--color-header-text, var(--color-body))}.mobile-menu-drawer .thb-mobile-menu-footer .shopify-localization-form select{font-size:.875rem;white-space:nowrap;text-overflow:ellipsis;color:var(--color-header-text, var(--color-body));padding:10px 12px}.mobile-secondary-menu{list-style:none;margin:0 0 10px;padding:0 20px}@media only screen and (min-width: 768px){.mobile-secondary-menu{padding:0 40px}}.mobile-secondary-menu a{display:flex;align-items:center;min-height:52px;padding:10px 16px;margin:2px 0;font-size:1rem;color:var(--color-header-text, var(--color-body));font-weight:var(--font-body-medium-weight, 500);opacity:.75;border-radius:12px;transition:all .25s var(--menu-transition)}.mobile-secondary-menu a:hover{opacity:1;background:var(--menu-hover-bg);transform:translate(4px);padding-left:20px}@media (prefers-color-scheme: dark){:root{--menu-hover-bg: rgba(255, 255, 255, .06);--menu-active-bg: rgba(255, 255, 255, .12)}.mega-menu-sidebar--content-container,.mega-menu-collections--collection-grid,.mega-menu-collections--collection-tagcloud{background:#ffffff0d;border-color:#ffffff1a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[dir=rtl] .menu-link-simple:hover,[dir=rtl] .sub-menu-link:hover{transform:translate(-4px);padding-right:22px;padding-left:18px}[dir=rtl] .sub-menu-link:before{margin-right:0;margin-left:12px}[dir=rtl] .nested-menu-item a:before{margin-right:0;margin-left:10px}[dir=rtl] .mobile-menu-item>.link-container:not([open])>summary:hover{padding-right:22px;padding-left:18px}[dir=rtl] .nested-menu-item a:hover{padding-right:20px;padding-left:16px}[dir=rtl] .mobile-secondary-menu a:hover{transform:translate(-4px);padding-right:20px;padding-left:16px}.mobile-menu::-webkit-scrollbar{width:6px}.mobile-menu::-webkit-scrollbar-track{background:transparent}.mobile-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.mobile-menu::-webkit-scrollbar-thumb:hover{background:#00000040}.menu-link-simple:focus-visible,.link-container>summary:focus-visible,.sub-menu-link:focus-visible,.nested-menu-item a:focus-visible{outline:2px solid var(--color-header-text, var(--color-body));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/135/assets/mobile-menu.css.map */