.floating-bottom-navigation{position:fixed;left:50%;bottom:calc(var(--fbn-bottom-base,6px) + var(--fbn-safe,env(safe-area-inset-bottom,0px)) + var(--fbn-reserved,0px));z-index:9992;display:grid;grid-template-columns:repeat(var(--fbn-count,5),minmax(0,1fr));width:min(calc(100% - (var(--fbn-side,12px) * 2)),var(--fbn-max,720px));min-height:var(--fbn-height,68px);transform:translateX(-50%);padding:7px 7px;border:1px solid color-mix(in srgb,var(--brand-border,#fff) 34%,transparent);border-radius:var(--fbn-radius,26px);background:var(--fbn-bg,color-mix(in srgb,var(--brand-surface,#fff) 94%,transparent));color:var(--fbn-text,var(--brand-muted,#6b7280));backdrop-filter:blur(var(--fbn-blur,18px)) saturate(135%);-webkit-backdrop-filter:blur(var(--fbn-blur,18px)) saturate(135%);transition:bottom .22s ease,transform .22s ease,box-shadow .22s ease;background-color .22s ease}
.floating-bottom-navigation[data-shadow="1"]{box-shadow:0 16px 44px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)}
.floating-bottom-navigation__item{appearance:none;border:0;background:transparent;color:inherit;min-width:0;min-height:48px;padding:4px 5px;border-radius:calc(var(--fbn-radius,26px) * .55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none!important;font:700 10px/1.1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .16s ease}
.floating-bottom-navigation__item:hover,.floating-bottom-navigation__item:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent);outline:none}.floating-bottom-navigation__item:active{transform:translateY(1px) scale(.98)}
.floating-bottom-navigation__item.is-current{color:var(--fbn-active,var(--brand-primary,#b79042));background:color-mix(in srgb,var(--fbn-active,var(--brand-primary,#b79042)) 8%,transparent)}
.floating-bottom-navigation__item.is-disabled{opacity:.42;cursor:not-allowed}
.floating-bottom-navigation__icon{width:22px;height:22px;display:grid;place-items:center;line-height:1}.floating-bottom-navigation__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.floating-bottom-navigation__icon svg circle:first-child,.floating-bottom-navigation__icon svg path:first-child{vector-effect:non-scaling-stroke}.floating-bottom-navigation__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-bottom-navigation[data-labels="0"] .floating-bottom-navigation__label{display:none}.floating-bottom-navigation[data-labels="0"] .floating-bottom-navigation__item{gap:0}.fbn-custom-icon{font-size:19px;font-weight:800;line-height:1}
.floating-bottom-navigation.is-scrollable{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start}.floating-bottom-navigation.is-scrollable::-webkit-scrollbar{display:none}.floating-bottom-navigation.is-scrollable .floating-bottom-navigation__item{flex:0 0 68px}
.public-site.has-floating-bottom-navigation{padding-bottom:calc(var(--fbn-height,68px) + var(--fbn-bottom,6px) + env(safe-area-inset-bottom,0px) + 14px)!important}
.public-site[data-theme="safar_make_v3"] .floating-bottom-navigation{--fbn-bg:rgba(5,13,26,.94);border-color:rgba(212,168,67,.25);color:var(--fbn-text,#8fa0b3);box-shadow:0 20px 54px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset}
.public-site[data-theme="safar_make_v3"] .floating-bottom-navigation__item.is-current{color:var(--fbn-active,#f0c866);background:rgba(212,168,67,.07)}
/* Keep existing floating contact buttons usable without forcing the navigation upward. */
@media(max-width:767px){.public-site.has-floating-bottom-navigation .floating-contact-action{bottom:calc(var(--fbn-total,86px) + var(--floating-bottom,20px))!important}.public-site[data-theme="safar_make_v3"].safar-fx-mobile_bottom_nav.has-floating-bottom-navigation{padding-bottom:calc(var(--fbn-height,68px) + var(--fbn-bottom,6px) + env(safe-area-inset-bottom,0px) + 14px)!important}}
@media(min-width:768px) and (max-width:1199px){.floating-bottom-navigation{max-width:min(var(--fbn-max,720px),calc(100vw - 32px))}}
@media(min-width:1200px){.floating-bottom-navigation{max-width:min(var(--fbn-max,720px),calc(100vw - 48px))}}
@media(prefers-reduced-motion:reduce){.floating-bottom-navigation,.floating-bottom-navigation__item{transition:none!important}}