.kl-nav{position:relative;background:var(--kl-color-surface);border-top:1px solid var(--kl-color-line)}.kl-header-nav-section{background:var(--kl-color-surface);box-shadow:var(--kl-shadow-sm)}.kl-nav__inner{width:min(var(--kl-container-max),calc(100% - var(--kl-space-6)));margin:0 auto;min-height:52px;display:flex;align-items:center;justify-content:center}.kl-nav__desktop{display:flex;width:100%;justify-content:center}.kl-nav__list{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:center;gap:var(--kl-space-2);margin:0;padding:0;list-style:none}.kl-nav__item{position:relative;display:flex;align-items:stretch}.kl-nav__link{display:inline-flex;align-items:center;gap:var(--kl-space-2);padding:14px var(--kl-space-3);border-radius:var(--kl-radius-full);color:var(--kl-color-ink);font-family:var(--kl-font-sans);font-size:var(--kl-type-button);font-weight:var(--kl-weight-medium);line-height:1;text-decoration:none;white-space:nowrap;transition:color var(--kl-duration-fast) var(--kl-ease-standard),background var(--kl-duration-fast) var(--kl-ease-standard)}.kl-nav__link:hover,.kl-nav__item--has-children:hover>.kl-nav__link,.kl-nav__item:focus-within>.kl-nav__link{color:var(--kl-color-roast);background:var(--kl-color-roast-soft)}.kl-nav__link[aria-current=page]{color:var(--kl-color-roast)}.kl-nav__link:focus-visible{outline:var(--kl-focus-ring);outline-offset:2px}.kl-nav__icon{display:inline-flex;color:var(--kl-color-bark);transition:color var(--kl-duration-fast) var(--kl-ease-standard)}.kl-nav__link:hover .kl-nav__icon,.kl-nav__item:focus-within>.kl-nav__link .kl-nav__icon,.kl-nav__link[aria-current=page] .kl-nav__icon{color:var(--kl-color-roast)}.kl-nav__icon svg{width:20px;height:20px;display:block}.kl-nav__label{display:inline-block}.kl-nav__caret{display:inline-flex;margin-left:-2px}.kl-nav__caret svg{width:14px;height:14px;display:block;transform:rotate(90deg);transition:transform var(--kl-duration-base) var(--kl-ease-standard)}.kl-nav__item--has-children:hover .kl-nav__caret svg,.kl-nav__item:focus-within .kl-nav__caret svg{transform:rotate(-90deg)}.kl-nav__panel{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);z-index:41;min-width:240px;padding:var(--kl-space-2);background:var(--kl-color-surface);border:1px solid var(--kl-color-line);border-radius:var(--kl-radius-md);box-shadow:var(--kl-shadow-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--kl-duration-fast) var(--kl-ease-standard),transform var(--kl-duration-fast) var(--kl-ease-standard),visibility var(--kl-duration-fast) var(--kl-ease-standard)}.kl-nav__panel:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.kl-nav__item--has-children:hover .kl-nav__panel,.kl-nav__item:focus-within .kl-nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,4px)}.kl-nav__sublist{margin:0;padding:0;list-style:none}.kl-nav__sublink{display:flex;align-items:center;gap:var(--kl-space-3);padding:10px var(--kl-space-3);border-radius:var(--kl-radius-sm);color:var(--kl-color-ink);font-family:var(--kl-font-sans);font-size:var(--kl-type-body-sm);font-weight:var(--kl-weight-regular);line-height:1.3;text-decoration:none;transition:color var(--kl-duration-fast) var(--kl-ease-standard),background var(--kl-duration-fast) var(--kl-ease-standard)}.kl-nav__sublink:hover,.kl-nav__sublink:focus-visible,.kl-nav__sublink[aria-current=page]{color:var(--kl-color-roast);background:var(--kl-color-roast-soft)}.kl-nav__sublink:focus-visible{outline:var(--kl-focus-ring);outline-offset:-2px}.kl-nav__subicon{display:inline-flex;color:var(--kl-color-bark);flex-shrink:0}.kl-nav__sublink:hover .kl-nav__subicon,.kl-nav__sublink:focus-visible .kl-nav__subicon,.kl-nav__sublink[aria-current=page] .kl-nav__subicon{color:var(--kl-color-roast)}.kl-nav__subicon svg{width:18px;height:18px;display:block}.kl-nav__burger{display:none;align-items:center;gap:var(--kl-space-2);margin-right:auto;padding:var(--kl-space-2) var(--kl-space-3);border:1px solid var(--kl-color-line);border-radius:var(--kl-radius-full);background:var(--kl-color-surface);color:var(--kl-color-ink);font-family:var(--kl-font-sans);font-size:var(--kl-type-body-sm);font-weight:var(--kl-weight-medium);cursor:pointer;min-height:44px}.kl-nav__burger:focus-visible{outline:var(--kl-focus-ring);outline-offset:2px}.kl-nav__burger-bars,.kl-nav__burger-bars:before,.kl-nav__burger-bars:after{display:block;width:18px;height:2px;border-radius:var(--kl-radius-full);background:var(--kl-color-ink);transition:transform var(--kl-duration-base) var(--kl-ease-standard),opacity var(--kl-duration-fast) var(--kl-ease-standard)}.kl-nav__burger-bars{position:relative}.kl-nav__burger-bars:before,.kl-nav__burger-bars:after{content:"";position:absolute;left:0}.kl-nav__burger-bars:before{top:-6px}.kl-nav__burger-bars:after{top:6px}.kl-nav__burger.is-active .kl-nav__burger-bars{background:transparent}.kl-nav__burger.is-active .kl-nav__burger-bars:before{transform:translateY(6px) rotate(45deg)}.kl-nav__burger.is-active .kl-nav__burger-bars:after{transform:translateY(-6px) rotate(-45deg)}.kl-mobile{position:fixed;top:var(--kl-header-top-height, 0px);left:0;right:0;bottom:0;z-index:60;overflow-y:auto;background:var(--kl-color-paper);transform:translateY(-8px);opacity:0;transition:transform var(--kl-duration-base) var(--kl-ease-standard),opacity var(--kl-duration-base) var(--kl-ease-standard)}.kl-mobile.is-open{transform:translateY(0);opacity:1}.kl-mobile__scrim{position:fixed;top:var(--kl-header-top-height, 0px);right:0;bottom:0;left:0;z-index:59;background:var(--kl-color-overlay);opacity:0;transition:opacity var(--kl-duration-base) var(--kl-ease-standard)}.kl-mobile__scrim.is-open{opacity:1}.kl-mobile__nav{width:min(560px,calc(100% - var(--kl-space-5)));margin:0 auto;padding:var(--kl-space-4) 0 var(--kl-space-7)}.kl-mobile__list{margin:0;padding:0;list-style:none}.kl-mobile__item{border-bottom:1px solid var(--kl-color-line)}.kl-mobile__row{display:flex;align-items:center;justify-content:space-between}.kl-mobile__link{display:flex;align-items:center;gap:var(--kl-space-3);flex:1 1 auto;min-height:52px;padding:var(--kl-space-3) var(--kl-space-2);color:var(--kl-color-ink);font-family:var(--kl-font-sans);font-size:var(--kl-type-body);font-weight:var(--kl-weight-medium);text-decoration:none}.kl-mobile__link[aria-current=page]{color:var(--kl-color-roast)}.kl-mobile__icon{display:inline-flex;color:var(--kl-color-bark);flex-shrink:0}.kl-mobile__icon svg{width:22px;height:22px;display:block}.kl-mobile__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:var(--kl-color-muted);cursor:pointer}.kl-mobile__toggle:focus-visible{outline:var(--kl-focus-ring);outline-offset:-4px;border-radius:var(--kl-radius-sm)}.kl-mobile__chevron svg{width:18px;height:18px;display:block;transform:rotate(90deg);transition:transform var(--kl-duration-base) var(--kl-ease-standard)}.kl-mobile__toggle.is-open .kl-mobile__chevron svg{transform:rotate(-90deg)}.kl-mobile__sublist{margin:0 0 var(--kl-space-2);padding:0 0 0 calc(22px + var(--kl-space-3));list-style:none;display:none}.kl-mobile__sublist.is-open{display:block}.kl-mobile__sublink{display:block;padding:var(--kl-space-3) var(--kl-space-2);color:var(--kl-color-muted);font-family:var(--kl-font-sans);font-size:var(--kl-type-body-sm);text-decoration:none}.kl-mobile__sublink[aria-current=page]{color:var(--kl-color-roast)}.kl-mobile__actions{display:flex;gap:var(--kl-space-3);margin-top:var(--kl-space-5)}.kl-mobile__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--kl-space-2);flex:1 1 0;min-height:48px;padding:0 var(--kl-space-4);border-radius:var(--kl-radius-full);border:1px solid var(--kl-color-line);background:var(--kl-color-surface);color:var(--kl-color-ink);font-family:var(--kl-font-sans);font-size:var(--kl-type-button);font-weight:var(--kl-weight-medium);text-decoration:none}.kl-mobile__action--cart{background:var(--kl-color-roast);border-color:var(--kl-color-roast);color:var(--kl-color-white);box-shadow:var(--kl-shadow-glow-cta)}.kl-mobile__action-icon{width:20px;height:20px;object-fit:contain}.kl-mobile__action--cart .kl-mobile__action-icon{filter:brightness(0) invert(1)}.kl-mobile__cart-count{min-width:18px;padding:0 5px;border-radius:var(--kl-radius-full);background:var(--kl-color-white);color:var(--kl-color-roast);font-size:var(--kl-type-label);font-weight:var(--kl-weight-bold);line-height:18px;text-align:center}.kl-mobile,.kl-mobile__scrim{display:none}@media(max-width:1024px){.kl-nav{border-top:0}.kl-nav__inner,.kl-nav__desktop{display:none}.kl-nav>.kl-nav__inner .kl-nav__burger{display:none}.kl-mobile:not([hidden]),.kl-mobile__scrim:not([hidden]){display:block}}@media(max-width:1024px){html.kl-mobile-lock .kl-header-top-section{position:fixed;top:0;left:0;right:0;width:100%;z-index:61}}@media(max-width:480px){.kl-nav__inner{width:calc(100% - var(--kl-space-4))}.kl-mobile__actions{flex-direction:column}}html.kl-mobile-lock,html.kl-mobile-lock body{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/9/assets/headersection.css.map */