.site-header{position:fixed;top:0;left:0;width:100%;background-color:transparent;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1000;transition:background-color var(--transition-base),box-shadow var(--transition-base);color:var(--color-header-text)}body.template-index .site-header,body.template-collection .site-header{background-color:var(--color-background);box-shadow:0 2px 10px #00000014;--color-header-text: var(--color-header-text-dark)}body.template-index .site-header .logo-image--light,body.template-collection .site-header .logo-image--light{display:none}body.template-index .site-header .logo-image--dark,body.template-collection .site-header .logo-image--dark{display:block}body.template-index .site-header .locale-link,body.template-index .site-header .nav-link,body.template-collection .site-header .locale-link,body.template-collection .site-header .nav-link{color:var(--color-text)}body.template-index .site-header .nav-link:after,body.template-collection .site-header .nav-link:after{background-color:var(--color-header-text)}body.template-index .site-header.header-scrolled,body.template-index .site-header.header-mega-open,body.template-collection .site-header.header-scrolled,body.template-collection .site-header.header-mega-open{background-color:var(--color-background)}.header-bottom-border{width:100%;height:1px;background-color:#e8e4e033}.site-header.header-scrolled{background-color:var(--color-background);box-shadow:0 2px 10px #00000014}.site-header.header-mega-open{background-color:var(--color-background);box-shadow:0 2px 10px #00000014;--color-header-text: var(--color-header-text-dark)}.site-header .logo-image--dark,.site-header.header-scrolled .logo-image--light,.site-header.header-mega-open .logo-image--light{display:none}.site-header.header-scrolled .logo-image--dark,.site-header.header-mega-open .logo-image--dark{display:block}.site-header.header-scrolled,.site-header.header-mega-open{--color-header-text: var(--color-header-text-dark)}.site-header.header-scrolled .language-toggle,.site-header.header-scrolled .locale-link,.site-header.header-scrolled .nav-link,.site-header.header-mega-open .locale-link,.site-header.header-mega-open .nav-link{color:var(--color-text)}.site-header.header-scrolled .nav-link:after,.site-header.header-mega-open .nav-link:after{background-color:var(--color-header-text)}.site-header.header-scrolled .main-navigation{max-height:0;overflow:hidden;padding:0;border:none;opacity:0}.header-top{padding:1.25rem 0}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.header-left{flex:1;display:flex;align-items:center;gap:1rem}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:.25rem;transition:opacity var(--transition-fast)}.hamburger-menu svg{margin-top:5px}.hamburger-menu:hover{opacity:.7}.hamburger-menu svg{stroke:var(--color-header-text)}.header-compact{background-color:#fff}.header-compact .main-navigation,.header-compact .logo-image--light{display:none}.header-compact .logo-image--dark,.header-compact .hamburger-menu{display:block}.header-compact .utility-nav svg{color:var(--color-text)!important}.header-compact .header-left .hamburger-menu svg,.header-compact .header-left .locale-link{color:var(--color-text)!important}.site-header.header-scrolled .hamburger-menu{display:block}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2998;opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-side-menu{position:fixed;top:0;left:0;width:280px;height:100%;background-color:var(--color-background);z-index:2999;display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base);box-shadow:4px 0 20px #0000001a;color:#000!important}.mobile-side-menu.active{transform:translate(0)}.mobile-menu-close{position:absolute;top:1.5rem;left:1.5rem;background:none;border:none;cursor:pointer;padding:.25rem;transition:opacity var(--transition-fast);z-index:10}.mobile-menu-close:hover{opacity:.6}.mobile-menu-close svg{stroke:#000}.mobile-menu-nav{display:flex;flex-direction:column;padding:4rem 2rem 2rem;gap:.5rem}.mobile-menu-link{font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#000;text-decoration:none;padding:1rem 0;transition:opacity var(--transition-fast);border-bottom:1px solid rgba(232,228,224,.3)}.mobile-menu-link:last-child{border-bottom:none}.mobile-menu-link:hover{opacity:.6}.mobile-menu-link.active{font-weight:600}.mobile-menu-item.has-children{border-bottom:1px solid rgba(232,228,224,.3)}.mobile-menu-parent{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;text-align:left}.mobile-menu-parent svg{transition:transform var(--transition-fast)}.mobile-menu-item.has-children.open .mobile-menu-parent svg{transform:rotate(180deg)}.mobile-submenu{display:none;flex-direction:column;padding-left:1rem;padding-bottom:.5rem}.mobile-menu-item.has-children.open .mobile-submenu{display:flex}.mobile-submenu-link{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.05em;color:#000;text-decoration:none;padding:.75rem 0;opacity:.8;transition:opacity var(--transition-fast)}.mobile-submenu-link:hover{opacity:1}.mobile-submenu-link.active{font-weight:600;opacity:1}.mobile-submenu-view-all{font-weight:500;opacity:1;text-transform:uppercase;font-size:11px}.mobile-submenu-child{padding-left:1rem;font-size:11px}.mobile-menu-locale{position:relative;padding:1.25rem 2rem 1.5rem;margin-bottom:5rem;border-top:1px solid rgba(232,228,224,.3);font-size:13px;letter-spacing:.05em;color:#000}.mobile-menu-locale .locale-loader-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;opacity:0;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center}.mobile-menu-locale.locale-loading .locale-loader-wrap{opacity:1}.mobile-menu-locale .locale-loader-image{width:auto;max-width:100%;max-height:100%;object-fit:contain}.mobile-menu-locale.locale-loading .locale-loader-image{animation:locale-logo-reveal .6s ease-out forwards}.safari .mobile-menu-locale.locale-loading .locale-loader-image{animation:locale-logo-reveal-mask .6s ease-out forwards;mask-image:linear-gradient(#fff,#fff);mask-position:bottom;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(white,white);-webkit-mask-position:bottom;-webkit-mask-repeat:no-repeat}.mobile-menu-locale .locale-loader-favicon{max-width:40px;max-height:40px}.mobile-menu-locale.locale-loading .mobile-locale-links{visibility:visible}.mobile-locale-link{color:#000;text-decoration:none;transition:opacity var(--transition-fast)}.mobile-locale-link:hover{opacity:.8}.mobile-locale-link.active{font-weight:700}.mobile-menu-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:1.5rem;border-top:1px solid rgba(232,228,224,.3);background-color:var(--color-background);color:#000}svg.icon-call{color:#fff;width:20px;height:20px}.mobile-menu-footer-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#000;text-decoration:none;background:none;border:none;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.mobile-menu-footer-link:hover{opacity:1}.mobile-menu-footer-link svg{width:20px;height:20px;color:#000}.mega-menu-image-placeholder{width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,#f5f3f0,#e8e4e0);display:flex;align-items:center;justify-content:center;color:var(--color-text);font-family:var(--font-heading);font-size:1.25rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.language-selector{position:relative;display:flex;align-items:center;flex-wrap:wrap;font-size:.75rem;letter-spacing:.05em;color:var(--color-header-text)}.locale-loader-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;min-width:80px;min-height:80px;opacity:0;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center}.language-selector.locale-loading .locale-loader-wrap{opacity:1}.locale-loader-image{width:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom}.language-selector.locale-loading .locale-loader-image{animation:locale-logo-reveal .6s ease-out forwards}.safari .language-selector.locale-loading .locale-loader-image{animation:locale-logo-reveal-mask .6s ease-out forwards;mask-image:linear-gradient(#fff,#fff);mask-position:bottom;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(white,white);-webkit-mask-position:bottom;-webkit-mask-repeat:no-repeat}.locale-loader-favicon{max-width:48px;max-height:48px}.language-selector.locale-loading .locale-links{visibility:visible}@keyframes locale-logo-reveal{0%{clip-path:inset(100% 0 0 0);opacity:1}66%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes locale-logo-reveal-mask{0%{mask-size:100% 0%;-webkit-mask-size:100% 0%;opacity:1}66%{mask-size:100% 100%;-webkit-mask-size:100% 100%;opacity:1}to{mask-size:100% 100%;-webkit-mask-size:100% 100%;opacity:0}}@-webkit-keyframes locale-logo-reveal-mask{0%{-webkit-mask-size:100% 0%;opacity:1}66%{-webkit-mask-size:100% 100%;opacity:1}to{-webkit-mask-size:100% 100%;opacity:0}}.locale-link{color:var(--color-header-text);text-decoration:none}.locale-link:hover{opacity:.8}.locale-link:active{opacity:1}.locale-link.active{font-weight:700}.header-center{flex:2;display:flex;justify-content:center;align-items:center}.header-scrolled .header-center{padding:0}.site-logo{margin:0}.logo-link{display:block}.logo-brand-stack{display:flex;flex-direction:column;align-items:center;gap:.35rem}.header-favicon{width:28px;height:28px;object-fit:contain;display:block}.logo-inner{display:block}.logo-text{font-size:1.25rem;font-weight:300;letter-spacing:.28em;color:var(--color-primary);font-family:var(--font-heading)}.logo-image{max-height:32px;width:auto;margin:auto}.header-right{flex:1;display:flex;justify-content:center;align-items:center}.utility-nav{display:flex;gap:1.25rem;align-items:center}.utility-icon{position:relative;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);background:none;border:none;padding:0;cursor:pointer}.utility-icon:hover{transform:translateY(-2px)}.icon{width:18px;height:18px;color:var(--color-text)}.cart-count{position:absolute;top:-8px;right:-8px;background-color:var(--color-primary);color:#fff;font-size:.625rem;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.main-navigation{padding:1rem 0;max-height:100px;overflow:visible;opacity:1;transition:all var(--transition-base)}.nav-menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.nav-link{font-family:Avenir Next Thai Modern,Avenir Next,Avenir,sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.165em;text-transform:uppercase;color:var(--color-header-text);position:relative;padding:.25rem 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--color-primary);transform:translate(-50%);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{opacity:1}.has-mega-menu{position:static}.mega-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);z-index:1000;margin:0 auto}.mega-menu:before{content:"";position:absolute;top:-.875rem;left:0;right:0;height:.875rem;display:block;width:100vw}.nav-item:hover .mega-menu,.has-mega-menu:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu-container{width:100vw;margin:0 auto;padding:var(--spacing-lg);display:grid;grid-template-columns:2fr 2fr;gap:var(--spacing-xl)}.mega-menu-image{width:100%;height:300px;overflow:hidden;border-radius:2px}.mega-menu-image img{width:100%;height:100%;object-fit:cover}.mega-menu-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.mega-menu-column{display:flex;flex-direction:column}.mega-menu-heading{font-family:Tenor Sans,serif;font-size:16px;font-weight:400;line-height:24.96px;letter-spacing:0;text-transform:uppercase;margin-bottom:var(--spacing-sm);color:var(--color-text)}.mega-menu-list{display:flex;flex-direction:column;gap:.5rem}.mega-menu-list li a{font-size:.875rem;color:var(--color-text-light);transition:color var(--transition-fast);display:block}.mega-menu-list li a:hover{color:var(--color-text);opacity:1}@media(max-width:1200px){.mega-menu-container{grid-template-columns:250px 1fr;gap:var(--spacing-lg)}.mega-menu-image{height:250px}}@media(max-width:1024px){.mega-menu-container{display:block;padding:var(--spacing-md)}.mega-menu-links{grid-template-columns:repeat(2,1fr);gap:2rem}}.icon-account,.icon-cart,.icon-location,.icon-search{color:var(--color-header-text)}.site-header.header-scrolled .icon-account,.site-header.header-scrolled .icon-cart,.site-header.header-scrolled .icon-location,.site-header.header-scrolled .icon-search{color:var(--color-header-text-dark)}.search-trigger--mobile{display:none}@media(max-width:768px){.header-container{padding:7px 0;position:relative;display:flex;justify-content:center;align-items:center;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.header-left,.header-right{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.75rem;z-index:2}.header-left{left:var(--spacing-md)}.header-right{right:var(--spacing-md)}.header-center{position:relative;z-index:1;display:flex;justify-content:center}.hamburger-menu{display:block;padding:0}.logo-image{max-height:30px}.main-navigation,.language-selector,.utility-icon--location,.search-trigger--desktop{display:none}.search-trigger--mobile{display:inline-flex;align-items:center;justify-content:center}.header-bottom-border{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/header.css.map */