mega-nav{display:flex;flex:1;align-items:center;position:relative}.hbk-mega-nav__nav{width:100%}.hbk-mega-nav__list{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}.hbk-mega-nav__link,.hbk-mega-nav__trigger{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;font-size:var(--hbk-nav-font-size, 14px);font-weight:var(--hbk-nav-font-weight, 500);color:var(--hbk-nav-text, inherit);text-decoration:none;background:transparent;border:none;cursor:pointer;border-radius:var(--rad-sm, 8px);line-height:1;font-family:var(--font-body, inherit);transition:color var(--ease-fast, .15s ease),background-color var(--ease-fast, .15s ease);white-space:nowrap}.hbk-mega-nav__link:hover,.hbk-mega-nav__trigger:hover,.hbk-mega-nav__trigger[aria-expanded=true]{color:var(--hbk-nav-hover, var(--clr-accent, #2563eb))}.hbk-mega-nav[data-active-style=underline] .hbk-mega-nav__link[aria-current=page],.hbk-mega-nav[data-active-style=underline] .hbk-mega-nav__trigger[aria-expanded=true]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.hbk-mega-nav[data-active-style=dot] .hbk-mega-nav__item{position:relative}.hbk-mega-nav[data-active-style=dot] .hbk-mega-nav__link[aria-current=page]:after,.hbk-mega-nav[data-active-style=dot] .hbk-mega-nav__trigger[aria-expanded=true]:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:currentColor}.hbk-mega-nav[data-active-style=pill] .hbk-mega-nav__link[aria-current=page],.hbk-mega-nav[data-active-style=pill] .hbk-mega-nav__trigger[aria-expanded=true]{background:var(--clr-accent-light, #eff6ff);color:var(--clr-accent, #2563eb)}.hbk-mega-nav[data-active-style=bold] .hbk-mega-nav__link[aria-current=page],.hbk-mega-nav[data-active-style=bold] .hbk-mega-nav__trigger[aria-expanded=true]{font-weight:700}.hbk-mega-nav__chevron{flex-shrink:0;transition:transform var(--ease-fast, .15s ease)}.hbk-mega-nav__trigger[aria-expanded=true] .hbk-mega-nav__chevron{transform:rotate(180deg)}.hbk-mega-nav__panel{position:fixed;left:0;right:0;top:64px;z-index:150;background:var(--panel-bg, #ffffff);border-top:var(--panel-border-width, 3px) solid var(--panel-border-color, #2563eb);padding:var(--panel-padding-y, 32px) 0;opacity:0;pointer-events:none;transition:opacity var(--panel-duration, .2s) ease}.hbk-mega-nav__panel--shadow{box-shadow:0 8px 40px #0000001f}.hbk-mega-nav__panel[data-animation=slide-down]{transform:translateY(-8px);transition:opacity var(--panel-duration, .2s) ease,transform var(--panel-duration, .2s) ease}.hbk-mega-nav__panel[data-animation=none]{transition:none}.hbk-mega-nav__panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hbk-mega-nav__panel,.hbk-mega-nav__chevron{transition:none!important}}.hbk-mega-nav__panel-inner{display:grid;grid-template-columns:var(--col-left-width, 35%) 1fr;gap:0;max-width:1280px;margin:0 auto;padding:0 24px;align-items:stretch;min-height:320px}.hbk-mega-nav__col--left{display:flex;flex-direction:column;padding-right:32px;border-right:1px solid var(--clr-border, #e5e7eb)}.hbk-mega-nav__hero-img-wrap{position:relative;width:100%;height:var(--hero-h, 180px);border-radius:var(--hero-radius, 8px);overflow:hidden;margin-bottom:16px;flex-shrink:0;background:var(--clr-bg-subtle, #fafaf8)}.hbk-mega-nav__hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);border-radius:inherit}.hbk-mega-nav__hero-label{margin:0;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.hbk-mega-nav__hero-sub{margin:4px 0 0;font-size:11px;color:#ffffffd9}.hbk-mega-nav__hero-img{width:100%;height:100%;object-fit:var(--hero-fit, cover);display:block}.hbk-mega-nav__collection-title{margin:0 0 16px;font-size:11px;font-weight:700;color:var(--clr-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.08em}.hbk-mega-nav__filter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;flex:1}.hbk-mega-nav__filter-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:var(--rad-sm, 8px);background:transparent;color:var(--clr-text, #1f2937);font-size:14px;font-weight:500;font-family:var(--font-body, inherit);cursor:pointer;text-align:left;transition:background-color var(--ease-fast, .15s ease),color var(--ease-fast, .15s ease)}.hbk-mega-nav__filter-btn:hover,.hbk-mega-nav__filter-btn.is-active{background:var(--clr-accent-light, #eff6ff);color:var(--clr-accent, #2563eb)}.hbk-mega-nav__filter-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hbk-mega-nav__filter-icon img{width:100%;height:100%;object-fit:contain}.hbk-mega-nav__filter-label{flex:1}.hbk-mega-nav__filter-chevron{flex-shrink:0;opacity:0;transition:opacity var(--ease-fast, .15s ease)}.hbk-mega-nav__filter-btn:hover .hbk-mega-nav__filter-chevron,.hbk-mega-nav__filter-btn.is-active .hbk-mega-nav__filter-chevron{opacity:1}.hbk-mega-nav__view-all{display:inline-flex;align-items:center;gap:4px;margin-top:14px;padding:0;font-size:13px;font-weight:600;color:var(--clr-accent, #2563eb);text-decoration:none;border-radius:var(--rad-sm, 8px);transition:opacity var(--ease-fast, .15s ease)}.hbk-mega-nav__view-all:hover{opacity:.75}.hbk-mega-nav__col--right{display:flex;flex-direction:column;padding-left:32px}.hbk-mega-nav__results-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.hbk-mega-nav__results-title{margin:0;font-size:11px;font-weight:700;color:var(--clr-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.08em;transition:color var(--ease-fast, .15s ease)}.hbk-mega-nav__results-link{font-size:12px;font-weight:600;color:var(--clr-accent, #2563eb);text-decoration:none}.hbk-mega-nav__results-link:hover{text-decoration:underline}.hbk-mega-nav__sub-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;flex:1}.hbk-mega-nav__sub-list>li{list-style:none}.hbk-mega-nav__sub-select{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:var(--rad-sm, 8px);background:transparent;color:var(--clr-text, #1f2937);font-size:14px;font-weight:600;font-family:var(--font-body, inherit);cursor:pointer;text-align:left;transition:background-color var(--ease-fast, .15s ease),color var(--ease-fast, .15s ease)}.hbk-mega-nav__sub-select:hover,.hbk-mega-nav__sub-select.is-active{background:var(--clr-accent-light, #eff6ff);color:var(--clr-accent, #2563eb)}.hbk-mega-nav__sub-select-label{flex:1}.hbk-mega-nav__sub-select-chevron{flex-shrink:0;opacity:0;transition:opacity var(--ease-fast, .15s ease)}.hbk-mega-nav__sub-select:hover .hbk-mega-nav__sub-select-chevron,.hbk-mega-nav__sub-select.is-active .hbk-mega-nav__sub-select-chevron{opacity:1}.hbk-mega-nav__subsub-sublist{list-style:none;margin:0 0 0 10px;padding:2px 0 4px 10px;border-left:1px solid var(--clr-border, #e5e7eb)}.hbk-mega-nav__sub-select--child{font-size:13px;font-weight:400;color:var(--clr-text-muted, #6b7280)}.hbk-mega-nav__sub-select--child:hover,.hbk-mega-nav__sub-select--child.is-active{color:var(--clr-accent, #2563eb)}.hbk-mega-nav__filter-list--row{flex-direction:row;flex-wrap:wrap;flex:0 0 auto;margin-bottom:14px}.hbk-mega-nav__filter-list--row>li{list-style:none}.hbk-mega-nav__filter-list--row .hbk-mega-nav__filter-btn{width:auto;padding:7px 12px;border:1px solid var(--clr-border, #e5e7eb);border-radius:var(--rad-full, 9999px)}.hbk-mega-nav__filter-list--row .hbk-mega-nav__filter-btn.is-active{border-color:var(--clr-accent, #2563eb)}.hbk-mega-nav__filter-list--row .hbk-mega-nav__filter-chevron{display:none}.hbk-mega-nav__products-zone{position:relative;flex:1;overflow-y:auto;max-height:380px}.hbk-mega-nav__skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hbk-mega-nav__skeleton-card{height:160px;border-radius:var(--rad-md, 12px)}.hbk-mega-nav__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hbk-mm-card{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:var(--rad-md, 12px);text-decoration:none;color:inherit;transition:background-color var(--ease-fast, .15s ease)}.hbk-mm-card:hover{background:var(--clr-bg-subtle, #fafaf8)}.hbk-mm-card__img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--rad-sm, 8px);overflow:hidden;background:var(--clr-border, #e5e7eb)}.hbk-mm-card__img,.hbk-mm-card__img-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--ease-base, .25s ease)}.hbk-mm-card__img-hover{opacity:0}.hbk-mm-card:hover .hbk-mm-card__img-hover{opacity:1}.hbk-mm-card__info{display:flex;flex-direction:column;gap:3px}.hbk-mm-card__badges{display:flex;flex-wrap:wrap;gap:3px}.hbk-mm-card__badges .badge{font-size:9px;padding:2px 6px}.hbk-mm-card__title{font-size:12px;font-weight:600;color:var(--clr-text, #1f2937);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.hbk-mm-card__price{font-size:12px;font-weight:700;color:var(--clr-primary, #1a1a2e);display:flex;align-items:baseline;gap:5px}.hbk-mm-card__price-compare{font-weight:400;color:var(--clr-text-muted, #6b7280);text-decoration:line-through;font-size:11px}.hbk-mm-card__atc{margin-top:4px;padding:5px 10px;background:var(--clr-primary, #1a1a2e);color:#fff;border:none;border-radius:var(--rad-sm, 8px);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-body, inherit);transition:background-color var(--ease-fast, .15s ease);width:100%;text-align:center}.hbk-mm-card__atc:hover{background:var(--clr-primary-hover, #2d2d4a)}.hbk-mm-results__count{margin:10px 0 0;font-size:11px;color:var(--clr-text-muted, #6b7280);text-align:center}.hbk-mm-results__empty{font-size:13px;color:var(--clr-text-muted, #6b7280);text-align:center;padding:32px 0;grid-column:1 / -1}.hbk-mega-nav__backdrop{position:fixed;left:0;right:0;bottom:0;top:64px;background:#00000059;z-index:149;opacity:0;pointer-events:none;transition:opacity .2s ease}.hbk-mega-nav__backdrop.is-visible{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.hbk-mega-nav__backdrop{transition:none}}.hbk-mm-card__rating{display:flex;align-items:center;gap:1px;margin-top:2px}.hbk-mm-card__star{color:var(--clr-border, #e5e7eb);flex-shrink:0}.hbk-mm-card__star--on{color:var(--clr-warning, #f59e0b)}.hbk-mm-card__rating-count{font-size:10px;color:var(--clr-text-muted, #6b7280);margin-left:3px}.hbk-mega-nav__collection-sub{margin:-12px 0 12px;font-size:11px;font-weight:500;color:var(--clr-text-muted, #6b7280)}@media screen and (max-width:989px){.hbk-mega-nav__nav,.hbk-mega-nav__panel,.hbk-mega-nav__backdrop{display:none!important}}.menu-drawer__mega-card{display:flex;align-items:center;gap:0;padding:0;margin-bottom:8px;cursor:pointer;list-style:none;text-decoration:none}.menu-drawer__mega-card::marker,.menu-drawer__mega-card::-webkit-details-marker{display:none}.menu-drawer__mega-card__inner{position:relative;flex:1;height:var(--mega-card-h, 140px);border-radius:var(--rad-md, 12px);overflow:hidden;background:var(--clr-border, #e5e7eb)}.menu-drawer__mega-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--hero-fit, cover);display:block}.menu-drawer__mega-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--clr-border, #e5e7eb)}.menu-drawer__mega-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.2) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px 14px}.menu-drawer__mega-card__title{margin:0;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.menu-drawer__mega-card__sub{display:inline-block;margin-top:4px;font-size:10px;font-weight:600;color:#ffffffe6;background:#0006;border-radius:var(--rad-full, 9999px);padding:2px 8px}.menu-drawer__mega-sub-hero{position:relative;width:100%;height:var(--mega-card-h, 140px);border-radius:var(--rad-md, 12px);overflow:hidden;margin-bottom:16px;flex-shrink:0;background:var(--clr-bg-subtle, #fafaf8)}.menu-drawer__filter-item{display:flex!important;align-items:center;gap:12px}.menu-drawer__filter-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.menu-drawer__filter-icon img{width:100%;height:100%;object-fit:contain}.menu-drawer__filter-label{flex:1}.menu-drawer__mega-cta{padding:16px 0 8px}.menu-drawer__mega-cta .button{display:flex;width:100%;justify-content:center;text-align:center}.hbk-mega-nav__product-pool{display:none}.hbk-mm-results__empty{color:var(--clr-text-muted, #6b7280);font-size:var(--text-sm, 14px);padding:var(--sp-4, 16px) 0}.hbk-mega-nav__item--has-sub{position:relative}.hbk-mega-nav__sub-trigger{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;font-size:var(--hbk-nav-font-size, 14px);font-weight:var(--hbk-nav-font-weight, 500);color:var(--hbk-nav-text, inherit);background:transparent;border:none;cursor:pointer;border-radius:var(--rad-sm, 8px);line-height:1;font-family:var(--font-body, inherit);transition:color var(--ease-fast, .15s ease),background-color var(--ease-fast, .15s ease);white-space:nowrap}.hbk-mega-nav__sub-trigger:hover,.hbk-mega-nav__sub-trigger[aria-expanded=true]{color:var(--hbk-nav-hover, var(--clr-accent, #2563eb))}.hbk-mega-nav__sub-trigger[aria-expanded=true] .hbk-mega-nav__chevron{transform:rotate(180deg)}.hbk-mega-nav__sub-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:#fff;border:1px solid var(--clr-border, #e5e7eb);border-radius:var(--rad-md, 12px);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04));padding:6px;list-style:none;margin:0;z-index:var(--z-dropdown, 100);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--ease-fast, .15s ease),transform var(--ease-fast, .15s ease)}.hbk-mega-nav__sub-dropdown.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.hbk-mega-nav__sub-link{display:block;padding:8px 12px;font-size:14px;font-weight:500;color:var(--clr-text, #1f2937);text-decoration:none;border-radius:var(--rad-sm, 8px);font-family:var(--font-body, inherit);transition:background-color var(--ease-fast, .15s ease),color var(--ease-fast, .15s ease);white-space:nowrap}.hbk-mega-nav__sub-link:hover{background:var(--clr-accent-light, #eff6ff);color:var(--clr-accent, #2563eb)}@media(prefers-reduced-motion:reduce){.hbk-mega-nav__sub-dropdown{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/custom-megamenu.css.map */