.hb-nav{--hb-nav-inline-padding: 1.25rem;--hb-nav-row-min-height: 4.5rem;--hb-nav-thumb-size: 3.5rem;--hb-nav-line: rgb(var(--text-color) / .14);--navigation-drawer-width: min(90vw, 460px)}.hb-nav.navigation-drawer{--drawer-content-max-height: 100%;padding:0;height:100%}@supports (height: 100dvh){.hb-nav.navigation-drawer{height:100dvh}}.hb-nav::part(content){grid-template-rows:auto minmax(0,1fr) auto;border-radius:0;min-height:100%;max-height:100%}.hb-nav::part(body){grid-template-rows:minmax(0,1fr);padding:0;gap:0}.hb-nav--with-search::part(body){grid-template-rows:auto minmax(0,1fr)}.hb-nav[mobile-opening=left]::part(body){padding-block-start:0}.hb-nav::part(close-button),.hb-nav::part(outside-close-button){display:none}.hb-nav::part(header){padding:0;border-block-end:1px solid var(--hb-nav-line)}.hb-nav__bar{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.5rem;padding:.625rem var(--hb-nav-inline-padding);display:grid}.hb-nav__bar-action{color:rgb(var(--text-color));width:2.75rem;height:2.75rem;place-items:center;display:grid;position:relative}.hb-nav__bar-action:last-child{justify-self:end}.hb-nav__bar-logo{justify-content:center;align-items:center;min-width:0;display:flex}.hb-nav__bar-logo-image{max-width:100%;max-height:2.75rem;width:auto;height:auto;display:block}.hb-nav__bar-cart-count{position:absolute;top:.25rem;inset-inline-end:.25rem}.hb-nav__search{align-items:center;gap:.625rem;margin:1rem var(--hb-nav-inline-padding) .25rem;padding:.875rem 1rem;border:1px solid var(--hb-nav-line);border-radius:var(--rounded-full);background-color:rgb(var(--background-primary));color:rgb(var(--text-color) / .55);transition:border-color .2s ease,color .2s ease;display:flex}.hb-nav__search:hover{border-color:rgb(var(--text-color) / .4);color:rgb(var(--text-color) / .8)}.hb-nav__search-label{font-size:.9375rem;line-height:1.2}.hb-nav .panel__wrapper{padding:.25rem var(--hb-nav-inline-padding) 1rem;gap:1.5rem}.hb-nav .panel__scroller{gap:1.5rem}.hb-nav .panel__scroller ul.hb-nav__list{gap:0}.hb-nav__item{border-block-end:1px solid var(--hb-nav-line);font-size:.9375rem}.hb-nav__item:last-child{border-block-end:none}.hb-nav__row-trigger{justify-content:space-between;align-items:center;gap:.875rem;width:100%;min-height:var(--hb-nav-row-min-height);padding-block:.5rem;text-align:start;display:flex}.hb-nav__row{align-items:center;gap:.875rem;flex:1 1 auto;min-width:0;display:flex}.hb-nav__thumb{background-color:rgb(var(--text-color) / .07);border-radius:var(--rounded-xs);flex:0 0 auto;width:var(--hb-nav-thumb-size);height:var(--hb-nav-thumb-size);overflow:hidden}.hb-nav__thumb-image{object-fit:cover;width:100%;height:100%;display:block}.hb-nav__label{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);letter-spacing:.08em;text-transform:uppercase;line-height:1.25;flex:1 1 auto;min-width:0}.hb-nav__badge{background-color:var(--hb-nav-badge-background);color:var(--hb-nav-badge-text-color);border-radius:var(--rounded-full);flex:0 0 auto;padding:.375rem .75rem;font-family:var(--heading-font-family);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1}.hb-nav__chevron{flex:0 0 auto;place-items:center;opacity:.5;display:grid;transition:transform .3s ease}.is-open>.hb-nav__row-trigger .hb-nav__chevron,.is-open>.hb-nav__sub-trigger .hb-nav__chevron{transform:rotate(180deg)}.hb-nav__collapse{grid-template-rows:0fr;transition:grid-template-rows .3s ease;display:grid}.is-open>.hb-nav__collapse{grid-template-rows:1fr}.hb-nav__collapse-inner{min-height:0;overflow:hidden}.hb-nav__sublist{margin:0;padding:0 0 .75rem;padding-inline-start:calc(var(--hb-nav-thumb-size) + .875rem);list-style:none}.hb-nav__sublist--nested{padding-block-end:0;padding-inline-start:1rem}.hb-nav__sub-trigger{justify-content:space-between;align-items:center;gap:.875rem;width:100%;min-height:2.75rem;padding-block:.25rem;text-align:start;display:flex}.hb-nav__sublabel{font-size:.875rem;line-height:1.3;color:rgb(var(--text-color) / .82);flex:1 1 auto;min-width:0}.hb-nav__sub-trigger:hover .hb-nav__sublabel{color:rgb(var(--text-color))}@media(prefers-reduced-motion:reduce){.hb-nav__collapse,.hb-nav__chevron{transition:none}}.hb-nav .panel-footer{border-block-start:1px solid var(--hb-nav-line);padding-block-start:1.25rem;background:none}.hb-nav__promo{flex-direction:column;gap:.875rem;display:flex}.hb-nav__promo-heading{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .6);margin:0}.hb-nav__promo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.hb-nav__promo-tile{background-color:rgb(var(--background-primary));border:1px solid var(--hb-nav-line);border-radius:var(--rounded-xs);flex-direction:column;display:flex;overflow:hidden}.hb-nav__promo-media{aspect-ratio:1;background-color:rgb(var(--text-color) / .07);display:block}.hb-nav__promo-image{object-fit:cover;width:100%;height:100%;display:block}.hb-nav__promo-label{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-wrap:balance;line-height:1.25;padding:.5rem .375rem;display:block}.hb-nav::part(footer){padding:0;border-block-start:1px solid var(--hb-nav-line);background-color:var(--hb-nav-footer-background)}.hb-nav__footer{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);display:grid}.hb-nav__footer-link{flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .5rem;padding-block-end:calc(.875rem + env(safe-area-inset-bottom,0px));color:var(--hb-nav-footer-text-color);text-align:center;display:flex}.hb-nav__footer-label{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}@media screen and (min-width:700px){.hb-nav{--hb-nav-inline-padding: 1.5rem}.hb-nav.drawer{padding:0;width:var(--navigation-drawer-width)}}
/*# sourceMappingURL=/cdn/shop/t/190/assets/heybalu-mobile-nav.css.map */