/* Super-premium footer background — icon structure intentionally preserved */
.bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;height:82px;padding:0 max(16px,calc((100% - 760px)/2));display:flex;align-items:flex-end;justify-content:space-around;background:linear-gradient(180deg,rgba(5,55,46,.96) 0%,rgba(3,43,37,.99) 100%);border:0;border-top:1px solid rgba(174,245,222,.23);box-shadow:0 -16px 42px rgba(2,38,32,.28),0 -2px 0 rgba(255,255,255,.08) inset;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:visible}
.bottom-nav:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(173,244,220,.8),transparent);pointer-events:none}
.bottom-nav:after{content:"";position:absolute;left:50%;top:-1px;transform:translateX(-50%);width:160px;height:10px;border-radius:0 0 80px 80px;background:rgba(173,244,220,.08);filter:blur(5px);pointer-events:none}
.bottom-nav a{position:relative;z-index:1;min-width:54px;height:70px;display:flex;flex:1;max-width:108px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#9bc0b7;text-decoration:none;font-size:19px;transition:color .2s,transform .2s}.bottom-nav a small{font-size:9px;font-weight:750;letter-spacing:.02em;color:inherit}.bottom-nav a.active{color:#a7f0d9}.bottom-nav a:hover{transform:translateY(-3px);color:#d9fff2}
.bottom-nav a:not(.home-dock):after{content:"";position:absolute;bottom:7px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:0;box-shadow:0 0 10px currentColor;transition:.2s}.bottom-nav a.active:not(.home-dock):after{opacity:1}
.bottom-nav a.home-dock{height:82px;min-width:86px;max-width:86px;flex:0 0 86px;margin:0 8px 23px;border-radius:50%;color:#fff;background:radial-gradient(circle at 32% 22%,#54e0bb 0%,#16a889 27%,#08715b 62%,#033d32 100%);border:5px solid #082f29;box-shadow:0 7px 0 #021f1b,0 16px 31px rgba(0,0,0,.38),inset 5px 6px 12px rgba(255,255,255,.3),inset -9px -11px 18px rgba(0,24,19,.38);transform:translateY(-5px)}
.bottom-nav a.home-dock:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(224,255,246,.55);box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),0 0 0 1px rgba(0,36,29,.2)}.bottom-nav a.home-dock:hover{transform:translateY(-10px);color:#fff}.bottom-nav a.home-dock .home-logo{position:relative;z-index:1;width:46px;height:32px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1) drop-shadow(0 2px 3px rgba(0,0,0,.34));transform:scale(1.34)}.bottom-nav a.home-dock small{display:none}
@media(max-width:420px){.bottom-nav{height:78px;padding-left:7px;padding-right:7px}.bottom-nav a{min-width:45px;height:67px}.bottom-nav a.home-dock{min-width:78px;max-width:78px;flex-basis:78px;height:78px;margin-left:3px;margin-right:3px}.bottom-nav a.home-dock .home-logo{width:39px;height:27px}}
body{padding-bottom:104px}@media(max-width:420px){body{padding-bottom:97px}}
.bottom-nav .nav-glyph{width:21px;height:21px;min-width:21px;min-height:21px;display:grid;place-items:center;color:currentColor;flex:0 0 21px}.bottom-nav .nav-glyph svg{display:block;width:20px;height:20px;min-width:20px;min-height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.bottom-nav a.active .nav-glyph{color:currentColor}.bottom-nav a.home-dock{color:#fff}.bottom-nav a.home-dock .home-logo{display:block}

/* Hilangkan seluruh garis/edge bawah footer; highlight hanya top edge. */
.bottom-nav,.bottom-nav::after,.bottom-nav::before{border-bottom:0!important;outline:0!important}
.bottom-nav{background-clip:padding-box}

/* Lower edge flush with viewport: prevents the 1px screen seam below the bar. */
.bottom-nav{bottom:-2px!important}

/* Center dock is now a modal trigger; keep its existing visual treatment unchanged. */
.bottom-nav button.home-dock{font:inherit;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none}

/* Center service trigger: same round 3D dock styling as the original home anchor. */
.bottom-nav button.home-dock{position:relative;z-index:1;width:86px;height:82px;min-width:86px;max-width:86px;flex:0 0 86px;display:flex;align-items:center;justify-content:center;margin:0 8px 23px;border-radius:50%;color:#fff;background:radial-gradient(circle at 32% 22%,#54e0bb 0%,#16a889 27%,#08715b 62%,#033d32 100%);border:5px solid #082f29;box-shadow:0 7px 0 #021f1b,0 16px 31px rgba(0,0,0,.38),inset 5px 6px 12px rgba(255,255,255,.3),inset -9px -11px 18px rgba(0,24,19,.38);transform:translateY(-5px);line-height:normal}
.bottom-nav button.home-dock:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(224,255,246,.55);box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),0 0 0 1px rgba(0,36,29,.2);pointer-events:none}.bottom-nav button.home-dock:hover{transform:translateY(-10px);color:#fff}.bottom-nav button.home-dock .home-logo{position:relative;z-index:1;width:46px;height:32px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1) drop-shadow(0 2px 3px rgba(0,0,0,.34));transform:scale(1.34);display:block}.bottom-nav button.home-dock small{display:none}
@media(max-width:420px){.bottom-nav button.home-dock{width:78px;height:78px;min-width:78px;max-width:78px;flex-basis:78px;margin-left:3px;margin-right:3px}.bottom-nav button.home-dock .home-logo{width:39px;height:27px}}

/* Single shared footer contract: no lower border/edge on any viewport. */
.bottom-nav{border-bottom:0!important;outline:0!important;bottom:-2px!important;box-sizing:border-box!important}

/* Shared seam cover: extends the footer background beyond the viewport edge without adding a lower line. */
.bottom-nav{isolation:isolate}
.bottom-nav .footer-bottom-cover{position:absolute;z-index:0;left:0;right:0;bottom:-4px;height:5px;background:#032b25;border:0!important;box-shadow:none!important;pointer-events:none}