:root{--hk-bnav-h: 60px;--hk-bnav-space: 0px}.hk-bnav,.hk-bnav-sheet{display:none}@media screen and (max-width:989px){.js{--hk-bnav-space: calc(var(--hk-bnav-h) + env(safe-area-inset-bottom, 0px))}.js body{padding-bottom:var(--hk-bnav-space)}.js .header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;grid-template-areas:"left-icons heading icons"!important;padding-left:12px!important;padding-right:12px!important}.js .header__icons{display:contents!important}.js .header__icons .mobile-search{display:block!important;grid-area:left-icons;justify-self:start;align-self:center}.js .header__icons .mobile-search summary.header__icon--search{position:static!important}.js .header__icons .header__icon--cart{grid-area:icons;justify-self:end;align-self:center}.js .header__icons .header__phone,.js .header__icons .header__compare,.js .header__icons .hk-location,.js .header__icons>localization-form,.js .header__icons .desktop-localization-wrapper{display:none!important}.js .header>header-drawer{position:absolute;top:0;left:0;width:0;height:0}.js header-drawer summary.header__icon--menu{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important}.js header-drawer summary.header__icon--menu>span{display:none!important}.js body header-drawer .menu-drawer{height:calc(100vh - var(--hk-bnav-space))!important;height:calc(100dvh - var(--hk-bnav-space))!important}.js #hk-chat-root{bottom:calc(12px + var(--hk-bnav-space))!important}.js #cc-banner{bottom:calc(12px + var(--hk-bnav-space));max-height:calc(100dvh - var(--hk-bnav-space) - 24px)}.js .hk-toast{bottom:calc(16px + var(--hk-bnav-space))}.js .hk-bnav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;padding-bottom:env(safe-area-inset-bottom,0px);background:#1d1d20;border-top:1px solid rgba(255,255,255,.08);transition:transform .2s ease,visibility 0s linear 0s}.js .hk-bnav.is-raised{z-index:1002}.js .hk-bnav.is-hidden{transform:translateY(calc(100% + 1px));visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}.hk-bnav__inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:560px;height:var(--hk-bnav-h);margin:0 auto;padding:0 8px}.hk-bnav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;margin:0;padding:0 4px;border:0;border-radius:6px;background:none;color:#ffffffc7;font-family:var(--font-body-family);font-size:11.5px;font-weight:600;line-height:1.1;letter-spacing:.01em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background-color .15s ease}.hk-bnav__item:active,.hk-bnav__item[aria-expanded=true]{color:#fff}.hk-bnav__item[aria-expanded=true]:before{content:"";position:absolute;top:0;left:50%;width:28px;height:2px;margin-left:-14px;border-radius:0 0 2px 2px;background:var(--hk-crimson)}.hk-bnav__item:focus-visible{outline:2px solid #fff;outline-offset:-2px}.hk-bnav__icon{position:relative;display:block;width:24px;height:24px}.hk-bnav__icon svg{display:block;width:24px;height:24px}.hk-bnav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hk-bnav__dot{position:absolute;top:-1px;right:-3px;width:8px;height:8px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 2px #1d1d20}.hk-bnav__dot[hidden]{display:none}.hk-bnav__item--catalog{margin:7px 0;background:var(--hk-crimson);color:#fff}.hk-bnav__item--catalog:active,.hk-bnav__item--catalog[aria-expanded=true]{background:#861826}.hk-bnav__item--catalog[aria-expanded=true]:before{display:none}.hk-bnav__item--catalog[aria-expanded=true]{box-shadow:inset 0 0 0 1px #ffffff59}.hk-bnav__item--catalog:focus-visible{outline-offset:2px}.js .hk-bnav-sheet{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001}.js .hk-bnav-sheet[hidden]{display:none}.hk-bnav-sheet>.hk-bnav-sheet__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#12121280;opacity:0;transition:opacity .2s ease;touch-action:none}.hk-bnav-sheet__panel{position:absolute;left:0;right:0;bottom:var(--hk-bnav-space);max-width:560px;max-height:calc(100dvh - var(--hk-bnav-space) - 48px);margin:0 auto;padding:0 16px 16px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:8px 8px 0 0;color:#1c1c1f;transform:translateY(calc(100% + var(--hk-bnav-space)));transition:transform .22s cubic-bezier(.2,.8,.2,1)}.hk-bnav-sheet.is-open .hk-bnav-sheet__backdrop{opacity:1}body.overflow-hidden-hk-bnav{overflow:hidden}.hk-bnav-sheet.is-open .hk-bnav-sheet__panel{transform:none}.hk-bnav-sheet__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin:0 -16px;padding:0 4px 0 16px;background:#fff;border-bottom:1px solid #ececec}.hk-bnav-sheet__title{margin:0;font-family:var(--font-body-family);font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#1c1c1f}.hk-bnav-sheet__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:#1c1c1f;cursor:pointer}.hk-bnav-sheet__close svg{width:16px;height:16px}.hk-bnav-sheet__close:focus-visible{outline:2px solid var(--hk-crimson);outline-offset:-4px}.hk-bnav-sheet__hours{margin:14px 0 0;font-size:13px;line-height:1.4;color:#000000b3}.hk-bnav-sheet__hours[hidden]{display:none}.hk-bnav-sheet__hours:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;vertical-align:1px;background:var(--hk-crimson)}.hk-bnav-sheet__hours[data-status=open]:before,.hk-bnav-sheet__hours[data-status=soon]:before{background:#0f7a3d}.hk-bnav-sheet__list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.hk-bnav-sheet__row{display:flex;align-items:center;gap:14px;min-height:56px;padding:8px 14px;border:1px solid #e3e3e6;border-radius:8px;background:#fff;color:#1c1c1f;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}.hk-bnav-sheet__row:active{background:#f4f4f5}.hk-bnav-sheet__row:focus-visible{outline:2px solid var(--hk-crimson);outline-offset:2px}.hk-bnav-sheet__row svg{flex:none;width:22px;height:22px;color:#58585f}.hk-bnav-sheet__row--wa svg{color:#0f7a3d}.hk-bnav-sheet__row--primary{border-color:var(--hk-crimson);background:var(--hk-crimson);color:#fff}.hk-bnav-sheet__row--primary:active{background:#861826}.hk-bnav-sheet__row--primary svg{color:#fff}.hk-bnav-sheet__text{display:flex;flex-direction:column;gap:2px;min-width:0}.hk-bnav-sheet__name{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b6b70}.hk-bnav-sheet__row--primary .hk-bnav-sheet__name{color:#ffffffd1}.hk-bnav-sheet__value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}}@media screen and (max-width:520px){.js #cc-banner{bottom:var(--hk-bnav-space)}}@media(prefers-reduced-motion:reduce){.hk-bnav,.hk-bnav.is-hidden,.hk-bnav__item,.hk-bnav-sheet__backdrop,.hk-bnav-sheet__panel,.hk-bnav-sheet__row{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hk-bottom-nav.css.map */