.floating-nav{--floating-nav-height: 60px;--floating-nav-gap: max(12px, env(safe-area-inset-bottom));position:fixed;inset-block-end:var(--floating-nav-gap);inset-inline-start:50%;z-index:45;width:min(calc(100% - 24px),360px);transform:translate(-50%);border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-bg) 94%,transparent);box-shadow:0 18px 40px -22px #1a1a1a59,0 2px 6px #1a1a1a0d;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);transition:inset-block-end .35s var(--ease),opacity .3s var(--ease)}[dir=rtl] .floating-nav{transform:translate(50%)}@media(prefers-reduced-motion:no-preference){.floating-nav{animation:floating-nav-in .6s var(--ease) both}}@keyframes floating-nav-in{0%{opacity:0;translate:0 16px}}.floating-nav__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:4px;list-style:none}.floating-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:calc(var(--floating-nav-height) - 10px);padding:4px 2px;border:0;border-radius:999px;background:none;color:var(--color-text);font:inherit;text-decoration:none;cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease)}.floating-nav__item .icon{width:21px;height:21px}.floating-nav__label{font-size:.6875rem;line-height:1;letter-spacing:.02em;color:var(--color-text-secondary);transition:color .25s var(--ease)}[dir=rtl] .floating-nav__label{font-size:var(--text-2xs);letter-spacing:0}.floating-nav__item:hover,.floating-nav__item[aria-expanded=true]{background:var(--color-bg-secondary)}.floating-nav__item[aria-current=page] .floating-nav__label,.floating-nav__item:hover .floating-nav__label{color:var(--color-text)}.floating-nav__item[aria-current=page]:after{content:"";width:4px;height:4px;margin-block-start:1px;border-radius:50%;background:var(--color-accent)}.floating-nav__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}body.has-floating-nav{padding-block-end:calc(76px + max(12px,env(safe-area-inset-bottom)))}body.has-floating-nav .whatsapp-float{inset-block-end:calc(74px + max(12px,env(safe-area-inset-bottom)))}body.has-floating-nav.has-compare-tray .floating-nav{inset-block-end:calc(var(--compare-tray-height, 150px) + 10px)}body.has-floating-nav.has-compare-tray{padding-block-end:calc(var(--compare-tray-height, 150px) + 60px + 26px)}body.has-floating-nav.has-compare-tray .whatsapp-float{inset-block-end:calc(var(--compare-tray-height, 150px) + 60px + 24px)}@media(max-width:989px){body.has-floating-nav .whatsapp-float{width:48px;height:48px}body.has-floating-nav .whatsapp-float .icon{width:22px;height:22px}}@media(min-width:990px){.floating-nav,[dir=rtl] .floating-nav{--floating-nav-height: 56px;width:330px;inset-block-end:max(20px,env(safe-area-inset-bottom));inset-inline-start:24px;transform:none}.floating-nav--mobile-only{display:none}body.has-floating-nav:has(.floating-nav--mobile-only){padding-block-end:0}body.has-floating-nav:has(.floating-nav--mobile-only) .whatsapp-float{inset-block-end:calc(1.25rem + env(safe-area-inset-bottom))}}@media print{.floating-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/floating-nav.css.map */