nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;background:var(--blanc);border-bottom:1px solid transparent;transition:border-color .4s}nav.scrolled{border-color:var(--gris-leger)}.logo{font-family:Playfair Display,serif;font-size:20px;font-weight:400;letter-spacing:.06em;color:var(--noir);text-decoration:none;flex-shrink:0}.logo em{font-style:italic;color:var(--beige)}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-item>a,.nav-link-drop{text-decoration:none;color:var(--gris);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:300;transition:color .3s;padding:8px 14px;display:flex;align-items:center;gap:5px}.nav-item>a:hover,.nav-link-drop:hover,.nav-item:hover>.nav-link-drop{color:var(--noir)}.nav-item--dropdown{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--blanc);border:1px solid var(--gris-leger);min-width:230px;list-style:none;padding:8px 0;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;transform:translate(-50%) translateY(-6px);box-shadow:0 8px 32px #00000014;z-index:200}.nav-item--dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown li a{display:block;padding:10px 20px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);text-decoration:none;transition:all .2s;white-space:nowrap}.nav-dropdown li a:hover{color:var(--noir);background:var(--beige2);padding-left:26px}.nav-dropdown-divider{height:1px;background:var(--gris-leger);margin:6px 0}.nav-dropdown-cta{color:var(--beige)!important;font-weight:400!important}.nav-dropdown-pack{color:var(--noir)!important;font-weight:400!important;background:#c8bba81a}.nav-dropdown-pack:hover{background:#c8bba833!important}.nav-right{display:flex;align-items:center;gap:8px}.nav-cta{padding:9px 24px;background:var(--noir);color:var(--blanc)!important;font-size:11px;letter-spacing:.18em;text-decoration:none;text-transform:uppercase;font-family:Outfit,sans-serif;font-weight:300;transition:background .3s;white-space:nowrap}.nav-cta:hover{background:#333}.nav-account{display:flex;align-items:center;gap:6px;color:var(--noir);text-decoration:none;transition:color .3s;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px}.nav-account:hover{color:var(--beige)}.nav-account-name{font-family:Outfit,sans-serif;font-weight:300}.nav-cart{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--noir);text-decoration:none;transition:color .3s}.nav-cart:hover{color:var(--beige)}.nav-cart-count{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--beige);color:var(--noir);border-radius:50%;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-burger span{display:block;width:22px;height:1.5px;background:var(--noir);transition:all .3s}.nav-burger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-burger.active span:nth-child(2){opacity:0}.nav-burger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:var(--blanc);border-top:1px solid var(--gris-leger);padding:24px 28px 32px;flex-direction:column;gap:0;z-index:99;box-shadow:0 8px 32px #00000014}.nav-mobile.active{display:flex}.nav-mobile a{padding:14px 0;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--gris);text-decoration:none;border-bottom:1px solid var(--beige2);transition:color .3s}.nav-mobile a:hover{color:var(--noir)}.nav-mobile-cta{background:var(--noir);color:var(--blanc)!important;text-align:center;padding:14px!important;margin-top:16px;border:none!important}@media(max-width:1024px){nav{padding:0 24px}.nav-links,.nav-right .nav-cta,.nav-right .nav-account span{display:none}.nav-burger{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/navbar.css.map */
