/* Han OOT Mobile Bottom Bar – v1.1 (Font Awesome) */
.han-mbb{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:space-between;gap:10px;padding:10px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--mbb-bg,#fff);box-shadow:0 -10px 28px rgba(0,0,0,.10);border-top:1px solid rgba(0,0,0,.06)}
.han-mbb__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--mbb-text,#111);font-weight:500;font-size:12px;line-height:1.0;padding:10px 8px;border-radius:16px;background:rgba(0,0,0,.04); /* default hover-like look */ box-shadow:0 2px 0 rgba(0,0,0,.02) inset, 0 1px 1px rgba(0,0,0,.04);transition:transform .15s ease, background .2s, box-shadow .2s}
.han-mbb__item i{font-size:15px;color:var(--accent,#ff3b2f)}
.han-mbb__item:nth-child(3) i{color:#25D366} /* WhatsApp brand green by default */

.han-mbb__item:hover{background:rgba(0,0,0,.07);transform:translateY(-2px);box-shadow:0 3px 0 rgba(0,0,0,.03) inset, 0 3px 10px rgba(0,0,0,.08)}

/* Mobile only by default */
.han-mbb--mobile-only{display:none}
@media(max-width:768px){.han-mbb--mobile-only{display:flex}}

/* Prevent content from being hidden under the bar */
@media(max-width:768px){body{padding-bottom:88px}}