.floating-navbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;justify-content:center;pointer-events:none;padding:0 1rem calc(var(--mb-nav, 0px) + env(safe-area-inset-bottom,0px));transform:translateY(0);transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .25s ease}.floating-navbar.is-hidden{transform:translateY(calc(100% + 120px));opacity:.96}.floating-navbar__shell{width:calc(100% - .5rem);max-width:var(--w-max, 420px);display:flex;flex-direction:column;background:var(--c-nav-bg, #ffffff);border:0;border-radius:var(--r-nav, 24px);box-shadow:var(--shadow-custom, none);box-sizing:border-box;overflow:hidden;pointer-events:auto}.floating-navbar--fixed{padding-left:0;padding-right:0}.floating-navbar--fixed .floating-navbar__shell{width:100%;max-width:none;border-radius:0}.floating-navbar__top{width:100%;background:var(--c-nav-bg, #ffffff);border:var(--bw, 1px) solid var(--c-nav-border, #f3f4f6);border-radius:inherit;background-clip:padding-box;box-sizing:border-box;padding:var(--p-nav-t, 12px) var(--p-nav-s, 16px) var(--p-nav-b, 12px)}.floating-navbar__shell.has-announcement .floating-navbar__top{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.floating-navbar__home{display:flex;justify-content:space-evenly;gap:0;align-items:center;width:100%}.floating-navbar.mode-home .floating-navbar__top{padding-left:0;padding-right:0}.floating-navbar.mode-home .floating-navbar__icon-btn{flex:0 0 var(--h-btn, 44px);width:var(--h-btn, 44px)}.floating-navbar__icon-btn{--icon-size-effective: var(--icon-size-local, var(--icon-size, 22px));position:relative;height:var(--h-btn, 44px);min-height:var(--h-btn, 44px);border:0;border-radius:var(--r-ibtn, 24px);background:transparent;color:var(--c-icon-def, #9ca3af);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:transform .14s ease,color .16s ease,background-color .16s ease}.floating-navbar__icon-btn:hover{background:color-mix(in srgb,var(--c-sec-bg, #f9fafb) 60%,transparent)}.floating-navbar__icon-btn:active{transform:scale(.94)}.floating-navbar__icon-btn [data-lucide]{width:var(--icon-size-effective);height:var(--icon-size-effective);stroke-width:var(--icon-stroke, 2)}.floating-navbar__collection,.floating-navbar__product{width:100%;display:flex;align-items:center;gap:var(--gap-items, 8px)}.floating-navbar__collection-action{flex:1 1 0;min-width:0}.floating-navbar__collection-action .floating-navbar__action-label:empty{display:none}.floating-navbar__collection:not(.is-pagination-active) .floating-navbar__divider,.floating-navbar__collection:not(.is-pagination-active) .floating-navbar__pagination{display:none}.floating-navbar__collection.is-pagination-active .floating-navbar__collection-action{flex:0 0 var(--h-btn, 44px);width:var(--h-btn, 44px);min-width:var(--h-btn, 44px);padding:0;border-radius:var(--r-ibtn, 24px)}.floating-navbar__collection.is-pagination-active .floating-navbar__collection-action .floating-navbar__action-label{display:none}.floating-navbar__action-btn,.floating-navbar__icon-only-btn{-webkit-appearance:none;appearance:none;border:var(--bw, 1px) solid transparent;border-radius:var(--r-btn, 24px);background:transparent;color:inherit;cursor:pointer;transition:transform .14s ease,opacity .16s ease,background-color .16s ease,border-color .16s ease}.floating-navbar__action-btn:active,.floating-navbar__icon-only-btn:active{transform:scale(.97)}.floating-navbar__action-btn:disabled,.floating-navbar__icon-only-btn:disabled{opacity:.45;cursor:not-allowed}.floating-navbar__action-btn{min-height:var(--h-btn, 44px);height:var(--h-btn, 44px);padding:0 .85rem;display:inline-flex;align-items:center;justify-content:center;gap:max(.35rem,calc(var(--gap-items, 8px) / 1.5));font-size:var(--s-btn, 14px);font-weight:var(--nav-font-weight, 600);letter-spacing:var(--nav-letter-spacing, 0);text-transform:var(--nav-text-transform, none)}.floating-navbar__action-btn--grow{flex:1 1 0}.floating-navbar__action-btn--secondary{background:var(--c-sec-bg, #f9fafb);border-color:var(--c-sec-brd, #e5e7eb);color:var(--c-sec-txt, #374151)}.floating-navbar__action-btn--primary{background:var(--c-pri-bg, #000000);border-color:transparent;color:var(--c-pri-txt, #ffffff)}.floating-navbar__action-btn [data-lucide]{width:calc(var(--icon-size, 22px) * .8);height:calc(var(--icon-size, 22px) * .8);stroke-width:var(--icon-stroke, 2)}.floating-navbar__icon-only-btn{width:var(--h-btn, 44px);min-width:var(--h-btn, 44px);height:var(--h-btn, 44px);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-ibtn, 24px);background:var(--c-sec-bg, #f9fafb);border-color:var(--c-sec-brd, #e5e7eb);color:var(--c-sec-txt, #374151)}.floating-navbar__icon-only-btn[data-floating-wishlist-btn].is-in-wishlist{color:#ef4444}.floating-navbar__icon-only-btn [data-lucide]{width:calc(var(--icon-size, 22px) * .8);height:calc(var(--icon-size, 22px) * .8);stroke-width:var(--icon-stroke, 2)}.floating-navbar__divider{width:1px;align-self:stretch;background:var(--c-sec-brd, #e5e7eb);opacity:.8}.floating-navbar__pagination{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:calc(var(--gap-items, 8px) / 2)}.floating-navbar__pagination-scroll{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:calc(var(--gap-items, 8px) / 2);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.floating-navbar__pagination-pill{width:var(--pagination-btn-size-effective, var(--h-btn, 44px));min-width:var(--pagination-btn-size-effective, var(--h-btn, 44px));height:var(--pagination-btn-size-effective, var(--h-btn, 44px));border:var(--bw, 1px) solid var(--c-pagination-brd, #e5e7eb);border-radius:var(--pagination-btn-radius, var(--r-ibtn, 24px));background:var(--c-pagination-bg, #f9fafb);color:var(--c-pagination-text, #374151);display:inline-flex;align-items:center;justify-content:center;font-size:var(--s-btn, 14px);font-weight:var(--nav-font-weight, 600);letter-spacing:var(--nav-letter-spacing, 0);text-transform:var(--nav-text-transform, none);text-decoration:none;cursor:pointer;transition:opacity .14s ease,transform .14s ease,background-color .14s ease,color .14s ease}.floating-navbar__pagination-pill:active{transform:scale(.96)}.floating-navbar__pagination-pill.is-active{background:var(--c-pagination-act-bg, #000000);border-color:var(--c-pagination-act-bg, #000000);color:var(--c-pagination-act-txt, #ffffff)}.floating-navbar__pagination-btn{width:var(--pagination-btn-size-effective, var(--h-btn, 44px));min-width:var(--pagination-btn-size-effective, var(--h-btn, 44px));height:var(--pagination-btn-size-effective, var(--h-btn, 44px));border:var(--bw, 1px) solid var(--c-pagination-brd, #e5e7eb);border-radius:var(--pagination-btn-radius, var(--r-ibtn, 24px));background:var(--c-pagination-bg, #f9fafb);color:var(--c-pagination-text, #374151)}.floating-navbar__announcement{width:100%;min-height:0;padding:var(--p-ann-t, 12px) var(--p-nav-s, 16px) var(--p-ann-b, 12px);border-left:var(--bw, 1px) solid var(--c-ann-bg, #18181b);border-right:var(--bw, 1px) solid var(--c-ann-bg, #18181b);border-bottom:var(--bw, 1px) solid var(--c-ann-bg, #18181b);box-sizing:border-box;background:var(--c-ann-bg, #18181b);color:var(--c-ann-txt, #ffffff);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:var(--s-ann, 12px);line-height:1.3;font-weight:var(--ann-font-weight, 500);letter-spacing:var(--ann-letter-spacing, 0);text-transform:var(--ann-text-transform, none)}.floating-navbar__announcement span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-navbar__empty-state{width:100%;min-height:var(--h-btn, 44px);border-radius:var(--r-btn, 24px);background:var(--c-sec-bg, #f9fafb);border:1px dashed var(--c-sec-brd, #e5e7eb);color:var(--c-sec-txt, #374151);display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.65rem .9rem;font-size:12px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mask-edges{-webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}@media(min-width:768px){.floating-navbar{display:var(--desktop-display, none)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/floating-navbar.css.map */