.dofo-header{background:#0f1d45;position:sticky;top:0;left:0;width:100%;z-index:100;transition:box-shadow .3s ease,background-color .3s ease}.dofo-header.is-scrolled{background:#0f1d45eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000002e}.dofo-header .page-width{max-width:1280px;margin:0 auto;padding:0 24px}.dofo-navbar{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;height:72px;gap:32px}.dofo-logo{flex:0 0 auto;display:flex;align-items:center}.dofo-logo img{width:78px;height:auto;display:block}.dofo-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.dofo-nav a{position:relative;display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-size:16px;font-weight:500;line-height:1;padding:12px 18px;border-radius:999px;transition:background-color .25s ease,opacity .25s ease,transform .2s ease}.dofo-nav a:hover{background-color:#ffffff14;opacity:1}.dofo-nav a.active{background:#49536f}.dofo-nav a.active:hover{background:#55618a}.dofo-icons{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:0 0 auto}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;background:none;border:none;padding:0;cursor:pointer;transition:opacity .25s ease,transform .2s ease}.icon-btn:hover{opacity:.75;transform:translateY(-1px)}.icon-btn svg{width:20px;height:20px}.cart-icon{position:relative}.cart-icon span{position:absolute;top:-4px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ff6a00;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.account-arrow{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;transition:opacity .25s ease}.account-arrow:hover{opacity:.75}.mobile-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;flex-shrink:0;background:none;border:none;cursor:pointer;padding:0}.mobile-toggle span{display:block;width:22px;height:2px;margin:0;background:#fff;border-radius:2px;flex-shrink:0;transition:transform .3s ease,opacity .3s ease}.mobile-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.is-active span:nth-child(2){opacity:0}.mobile-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:1920px){.dofo-navbar{height:80px}}@media(max-width:1439px)and (min-width:1280px){.dofo-navbar{height:70px}}@media(max-width:1279px)and (min-width:1024px){.dofo-navbar{height:68px}}@media(max-width:990px){.dofo-navbar{height:66px;gap:16px}.mobile-toggle{display:flex}.dofo-nav{position:fixed;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;background:#0f1d45;padding:12px 24px 24px;max-height:calc(100vh - 66px);overflow-y:auto;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s;box-shadow:0 12px 24px #0003}.dofo-nav.active{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.dofo-nav a{width:100%;padding:14px 18px;border-radius:12px;font-size:16px}.dofo-nav a.active{border-radius:12px}.dofo-icons{margin-left:auto;gap:16px}}@media(max-width:768px){.dofo-header .page-width{padding:0 16px}.dofo-navbar{height:64px}.dofo-logo img{width:60px}.dofo-icons{gap:14px}.icon-btn,.icon-btn svg{width:22px;height:22px}.cart-icon span{top:-4px;right:-6px;width:16px;height:16px;font-size:10px}}@media(max-width:480px){.dofo-icons{gap:10px}.account-arrow svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-header.css.map */