.if-nav{position:fixed;inset:0 0 auto;height:var(--if-nav-h);z-index:var(--if-z-nav);background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:var(--if-line);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--if-px);transition:background var(--if-ts),border-color var(--if-ts)}.if-nav--transparent{background:transparent;border-bottom-color:#ffffff1f}.if-nav--transparent .if-nav__link{color:#ffffffbf}.if-nav--transparent .if-nav__link:hover,.if-nav--transparent .if-nav__link.is-active{color:var(--if-white)}.if-nav--transparent .if-nav__icon{color:#ffffffbf}.if-nav__logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.if-nav__logo svg,.if-nav__logo img{height:28px;width:auto}.if-nav__links{display:none;gap:var(--if-sp-8);list-style:none;align-items:center}.if-nav__link{font-size:var(--if-text-xs);font-weight:var(--if-fw-medium);letter-spacing:var(--if-ls-wider);text-transform:uppercase;color:var(--if-gray-3);position:relative;padding-block:4px;transition:color var(--if-tf);white-space:nowrap}.if-nav__link:hover,.if-nav__link.is-active{color:var(--if-black)}.if-nav__link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--if-black);transform:scaleX(0);transform-origin:center;transition:transform var(--if-ts) var(--if-ease)}.if-nav__link:hover:after,.if-nav__link.is-active:after{transform:scaleX(1)}@media(min-width:1024px){.if-nav__links{display:flex}}.if-nav__right{display:flex;align-items:center;gap:var(--if-sp-4)}.if-nav__icon{width:18px;height:18px;color:var(--if-gray-3);cursor:pointer;transition:color var(--if-tf);flex-shrink:0;display:flex;align-items:center;justify-content:center}.if-nav__icon:hover{color:var(--if-black)}.if-nav__hamburger{width:24px;height:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0;background:transparent}.if-nav__hamburger span{display:block;height:1.5px;background:var(--if-gray-2);transition:transform var(--if-ts) var(--if-ease),opacity var(--if-tf)}.if-nav__hamburger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.if-nav__hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.if-nav__hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(min-width:1024px){.if-nav__hamburger{display:none}}.if-nav__cart{position:relative}.if-nav__cart-count{position:absolute;top:-6px;right:-6px;width:14px;height:14px;background:var(--if-mg);color:var(--if-white);font-size:8px;font-weight:var(--if-fw-bold);border-radius:var(--if-radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.if-nav__cart-count:empty,.if-nav__cart-count[data-count="0"]{display:none}.if-nav__dropdown{position:absolute;top:calc(var(--if-nav-h) - 1px);left:0;right:0;background:var(--if-white);border-bottom:var(--if-line);z-index:var(--if-z-dropdown);padding:var(--if-sp-6) var(--if-px);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--if-ts),transform var(--if-ts) var(--if-ease)}.if-nav__item--has-dropdown:hover .if-nav__dropdown,.if-nav__item--has-dropdown:focus-within .if-nav__dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.if-nav__esc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--if-gap);background:var(--if-gray-5);border:var(--if-line)}.if-nav__esc-tile{background:var(--if-white);padding:var(--if-sp-4);cursor:pointer;transition:background var(--if-tf)}.if-nav__esc-tile:hover{background:var(--if-gray-7)}.if-nav__esc-tile-name{font-size:var(--if-text-base);font-weight:var(--if-fw-semibold);letter-spacing:var(--if-ls-snug);color:var(--if-black);margin-bottom:var(--if-sp-1)}.if-nav__esc-tile-desc{font-size:11px;font-weight:var(--if-fw-light);color:var(--if-gray-3)}.if-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a80;z-index:var(--if-z-overlay);opacity:0;pointer-events:none;transition:opacity var(--if-ts)}.if-search-overlay.is-open{opacity:1;pointer-events:auto}.if-search-panel{position:absolute;top:0;right:0;width:min(480px,100%);height:100%;background:var(--if-white);padding:var(--if-sp-6);transform:translate(100%);transition:transform var(--if-ts) var(--if-ease);overflow-y:auto}.if-search-overlay.is-open .if-search-panel{transform:translate(0)}.if-search-field{display:flex;align-items:center;gap:var(--if-sp-3);border-bottom:var(--if-line-dark);padding-bottom:var(--if-sp-3);margin-bottom:var(--if-sp-6)}.if-search-input{flex:1;border:none;background:transparent;font-family:var(--if-font);font-size:var(--if-text-md);font-weight:var(--if-fw-light);color:var(--if-black);outline:none}.if-search-input::placeholder{color:var(--if-gray-4)}.if-nav-offset{padding-top:var(--if-nav-h)}.if-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a80;z-index:calc(var(--if-z-nav) - 1);opacity:0;pointer-events:none;transition:opacity var(--if-ts)}.if-mobile-overlay.is-open{opacity:1;pointer-events:auto}.if-mobile-menu{position:fixed;top:var(--if-nav-h);left:0;bottom:0;width:80%;max-width:360px;background:var(--if-white);z-index:var(--if-z-nav);padding:var(--if-sp-8) var(--if-sp-6);overflow-y:auto;transform:translate(-100%);transition:transform var(--if-ts) var(--if-ease)}.if-mobile-menu.is-open{transform:translate(0)}.if-mobile-menu__item{border-bottom:var(--if-line)}.if-mobile-menu__link{display:flex;align-items:center;justify-content:space-between;padding:var(--if-sp-4) 0;font-size:var(--if-text-md);font-weight:var(--if-fw-medium);color:var(--if-black)}.if-mobile-menu__sub{padding-left:var(--if-sp-4);overflow:hidden;max-height:0;transition:max-height var(--if-ts) var(--if-ease)}.if-mobile-menu__sub.is-open{max-height:400px}.if-mobile-menu__sub-link{display:block;padding:var(--if-sp-2) 0;font-size:var(--if-text-base);font-weight:var(--if-fw-light);color:var(--if-gray-2)}.if-mobile-menu__sub-link:hover{color:var(--if-black)}.if-mobile-menu__arrow{width:16px;height:16px;color:var(--if-gray-4);transition:transform var(--if-tf);flex-shrink:0}.if-mobile-menu__item.is-expanded .if-mobile-menu__arrow{transform:rotate(180deg)}.if-mobile-menu__caret{width:16px;height:16px;color:var(--if-gray-4);flex-shrink:0}@media(max-width:1023px){.if-nav{padding-inline:var(--if-px-mobile)}.if-nav__logo{position:absolute;left:50%;transform:translate(-50%)}.if-nav--transparent .if-nav__hamburger span{background:#ffffffe6}}@media(min-width:768px)and (max-width:1023px){.if-nav{padding-inline:var(--if-px-tablet)}}.if-info-strip{border-bottom:var(--if-line);padding-inline:var(--if-px-mobile);display:flex;align-items:center;height:36px;gap:0;overflow:hidden}.if-info-strip__item{font-size:var(--if-text-2xs);font-weight:var(--if-fw-medium);letter-spacing:var(--if-ls-wider);text-transform:uppercase;color:var(--if-gray-3);padding-right:var(--if-sp-5);display:flex;align-items:center;gap:var(--if-sp-3);white-space:nowrap;flex-shrink:0}.if-info-strip__item--mg{color:var(--if-mg);font-weight:var(--if-fw-semibold)}.if-info-strip__sep{width:1px;height:14px;background:var(--if-gray-5);margin-right:var(--if-sp-5);flex-shrink:0}@media(min-width:1024px){.if-info-strip{padding-inline:var(--if-px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/if-nav.css.map */