:root{--top-nav-space:74px;--bottom-nav-space:0px}
html{scroll-padding-top:calc(var(--top-nav-space) + 12px);scroll-padding-bottom:20px}
.tab-bar{position:sticky!important;inset:auto!important;top:0!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:var(--shell)!important;display:flex!important;gap:4px!important;overflow-x:auto;scrollbar-width:none;padding:7px 8px!important;margin:0!important;background:#244d42!important;border:0!important;border-bottom:3px solid #d55a82!important;border-radius:0 0 16px 16px!important;box-shadow:0 5px 18px #173f3a30!important;z-index:350}
.tab-bar::-webkit-scrollbar{display:none}
.tab-bar .tab-item{flex:1 0 48px;min-width:48px;width:auto;min-height:58px;padding:6px 5px;justify-content:center;gap:3px;color:#fff;font-size:12px;line-height:1.3;white-space:nowrap;overflow-wrap:normal;border-radius:10px;background:transparent;transition:background-color .15s}
.tab-bar .tab-item .ti{font-size:20px;line-height:22px}
.tab-bar .tab-item.active{color:#fff;background:#c73e70;box-shadow:0 2px 8px #102f2630}
.tab-bar .tab-item.active:before{display:none}.tab-bar .tab-item:active{background:#3e6a5e}
.scroll-content{padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important}
#giftFab,.admin-fab{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
#coconara-unavailable{scroll-margin-top:calc(var(--top-nav-space) + 12px)}
#coconara-unavailable.coco-required-highlight{box-shadow:0 0 0 3px #de6d94,0 8px 25px #c44a7520!important}
.map-return-summary{padding-top:8px;background:#fff;border:1px solid #e0e9e3;border-radius:16px;margin-bottom:14px}
@media(min-width:650px){.tab-bar .tab-item{font-size:14px;min-height:62px}}