:root{--su-primary-500: #2f3049;--su-primary-600: #111a36;--su-primary-700: #0c132b;--su-secondary-500: #14c99d}#header-shared{transition:background-color .3s ease,box-shadow .3s ease}#header-shared.scrolled{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a}.su-nav{display:flex;justify-content:space-between;align-items:center;height:80px;transition:height .3s ease;padding-top:0;padding-bottom:0}#header-shared.scrolled .su-nav{height:50px}.su-nav__left{display:flex;align-items:center;flex-shrink:0;gap:32px}.su-logo{position:relative;display:flex;align-items:center;text-decoration:none;flex-shrink:0}.su-logo__vertical{width:144px;height:auto;opacity:1;transition:opacity .4s ease,width .4s ease;display:block}@media(min-width:640px){.su-logo__vertical{width:192px}}.su-logo__icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:auto;opacity:0;transition:opacity .4s ease,left .4s ease,width .4s ease;display:block}@media(min-width:640px){.su-logo__icon{width:40px}}#header-shared.scrolled .su-logo__vertical{opacity:0}#header-shared.scrolled .su-logo__icon{opacity:1}@media(min-width:768px){#header-shared.scrolled .su-logo__icon{left:50%;transform:translateY(-50%)}}.su-nav__menu-left{display:none;list-style:none;margin:0;padding:0;align-items:center;gap:20px}@media(min-width:1024px){.su-nav__menu-left{display:flex}}.su-nav__right{display:flex;align-items:center;gap:8px}@media(min-width:480px){.su-nav__right{gap:16px}}.su-nav__menu-right{display:none;list-style:none;margin:0;padding:0;align-items:center;gap:20px}@media(min-width:1280px){.su-nav__menu-right{display:flex}}.su-nav-link{display:inline-flex;align-items:center;padding:8px 0;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;transition:border-color .3s,color .3s,padding .3s;color:var(--su-primary-500);text-decoration:none}.su-nav-link__icon svg{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px}.su-nav-link:hover,.su-nav-link[aria-current=page],.su-nav-link.active{border-color:var(--su-secondary-500);color:var(--su-secondary-500)}.su-nav-link:hover .su-nav-link__icon .stroke-hover,.su-nav-link[aria-current=page] .su-nav-link__icon .stroke-hover,.su-nav-link.active .su-nav-link__icon .stroke-hover{stroke:var(--su-secondary-500)}.su-nav-link:hover .su-nav-link__icon .fill-hover,.su-nav-link[aria-current=page] .su-nav-link__icon .fill-hover,.su-nav-link.active .su-nav-link__icon .fill-hover{fill:var(--su-secondary-500)}.su-nav-link--lg{font-size:17px}.su-nav-link--sm{font-size:15px}#header-shared.scrolled .su-nav-link{padding-top:12px;padding-bottom:12px}.su-nav__icons{display:flex;align-items:center;gap:8px}@media(min-width:450px){.su-nav__icons{gap:16px}}.su-hamburger{display:flex;align-items:center}@media(min-width:1280px){.su-hamburger{display:none}}#mobile-menu .mobile-menu__backdrop{display:none!important}#mobile-menu .mobile-menu__container{max-width:100%!important;width:100%!important;height:100%!important;padding:0!important;border:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#mobile-menu{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:60!important;background:#fff!important;opacity:0;transform:translate(100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out;visibility:hidden;pointer-events:none;display:block!important}#mobile-menu.su-menu-open{opacity:1;transform:translate(0);visibility:visible;pointer-events:all}.su-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:80px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.su-mobile-header__logo{width:144px;height:auto}.su-mobile-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.su-mobile-menu__inner{display:flex;flex-direction:column;height:100%}.su-mobile-body__nav{padding:16px 0}.su-mobile-link{display:block;padding:8px 16px 8px 12px;font-size:16px;font-weight:500;border-left:4px solid #e5e7eb;color:#334155;text-decoration:none;line-height:24px;transition:background-color .2s,border-color .2s,color .2s}.su-mobile-link:hover{background-color:#f9fafb;border-left-color:#d1d5db;color:#334155}.su-mobile-link[aria-current=page],.su-mobile-link.active{background-color:#f3f4f6;color:var(--su-primary-700);border-left-color:var(--su-primary-500)}.su-mobile-link__inner{display:flex;align-items:center;gap:12px}.su-mobile-link__icon{flex-shrink:0;display:flex;align-items:center}.su-mobile-body__user{border-top:1px solid #e5e7eb;margin-top:16px}.su-mobile-user-card{padding:16px;margin:16px 16px 8px;background-color:#f3f4f6;border-radius:8px}.su-mobile-user-name{font-size:16px;font-weight:600;color:#111827}.su-mobile-user-email{font-size:14px;color:#4b5563;margin-top:2px}.su-mobile-body__login{padding:16px}.su-mobile-login-btn{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;width:100%;color:#fff;text-decoration:none;border-radius:8px;background-color:var(--su-primary-600);font-weight:500;font-size:16px;border:none;cursor:pointer;transition:background-color .2s;box-sizing:border-box;line-height:24px}.su-mobile-login-btn:hover{background-color:var(--su-primary-700);color:#fff}.su-mobile-login-btn svg{width:20px;height:20px}.su-mobile-body__nav-links{display:flex;flex-direction:column;gap:4px}.header-acct__modal{position:absolute;top:calc(100% + 8px);right:0;width:256px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;z-index:10}details[open]>.header-acct__modal{opacity:1;pointer-events:auto;transform:translateY(0)}.header-acct__identity{display:flex;flex-direction:column;align-items:center;padding:20px 20px 16px;background:var(--su-primary-600);color:#fff;text-align:center}.header-acct__avatar{width:48px;height:48px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;flex-shrink:0}.header-acct__name{font-size:16px;font-weight:600;color:#fff;line-height:1.3}.header-acct__email{font-size:12px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.header-acct__nav{padding:6px 0;border-bottom:1px solid #e5e7eb}.header-acct__nav-link{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;color:#334155;text-decoration:none;transition:background-color .15s,color .15s}.header-acct__nav-link:hover{background-color:#f9fafb;color:var(--su-primary-600)}.header-acct__nav-link svg,.header-acct__nav-icon{width:16px;height:16px;flex-shrink:0;color:#9ca3af;transition:color .15s}.header-acct__nav-link .icon-box,.header-acct__nav-link .icon-bag{fill:#9ca3af;transition:fill .15s}.header-acct__nav-link:hover svg,.header-acct__nav-link:hover .header-acct__nav-icon{color:var(--su-secondary-500)}.header-acct__nav-link:hover .icon-box,.header-acct__nav-link:hover .icon-bag{fill:var(--su-secondary-500)}.header-acct__chevron{width:14px;height:14px;margin-left:auto;flex-shrink:0;color:#d1d5db;transition:color .15s,transform .15s}.header-acct__nav-link:hover .header-acct__chevron{color:#9ca3af;transform:translate(2px)}.header-acct__logout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;color:#ef4444;text-decoration:none;transition:background-color .15s,color .15s;box-sizing:border-box}.header-acct__logout:hover{background-color:#fef2f2;color:#dc2626}.header-acct__logout svg{width:15px;height:15px;flex-shrink:0}.header-acct__guest{display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:10px}.header-acct__login-btn{display:flex;justify-content:center;align-items:center;padding:10px 16px;background-color:var(--su-primary-500);color:#fff;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;border:1px solid var(--su-primary-500);transition:background-color .2s,border-color .2s}.header-acct__login-btn:hover{background-color:var(--su-primary-600);border-color:var(--su-primary-600);color:#fff}.header-acct__register-link{display:flex;justify-content:center;align-items:center;padding:10px 16px;border:1px solid #e5e7eb;color:#334155;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}.header-acct__register-link:hover{border-color:var(--su-primary-500);color:var(--su-primary-500);background-color:#f3f4f6}
/*# sourceMappingURL=/cdn/shop/t/70/assets/su-header.css.map */