/* Main Container */
.sbhf-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:.5rem .75rem;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 15px rgba(0,0,0,.1);border:1px solid #e0e0e0;border-bottom:none;margin:0 15px;transform:translateY(100%);opacity:0;transition:all .3s ease;}
.sbhf-bar.sbhf-visible{transform:translateY(0);opacity:1;}
.sbhf-inner{max-width:760px;margin:0 auto;}
/* Tabs */
.sbhf-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f5f5f5;border-radius:10px;overflow:hidden;margin-bottom:.25rem;}
.sbhf-tab{padding:.5rem;text-align:center;font-weight:600;font-size:14px;cursor:pointer;border:1px solid #ddd;border-right:none;transition:all .2s ease;}
.sbhf-tab:last-child{border-right:1px solid #ddd;}
.sbhf-tab.is-active{background:#75BBAD;color:#fff;border-color:#75BBAD;}
/* Items */
.sbhf-items{margin-bottom:.25rem;}
.sbhf-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #eee;}
.sbhf-item:last-child{border-bottom:none;}
.sbhf-thumb{width:40px;height:40px;border-radius:8px;background:#f8f8f8;overflow:hidden;flex-shrink:0;}
.sbhf-thumb.empty{display:none;}
.sbhf-thumb img{width:100%;height:100%;object-fit:cover;}
.sbhf-select-wrap{flex-grow:1;}
.sbhf-select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;}
/* Save */
.sbhf-save{color:#75BBAD;font-weight:600;font-size:13px;text-align:center;margin:.15rem 0 .25rem;}
.sbhf-save u{text-decoration:none;border-bottom:1px solid;}
/* Button */
.sbhf-btn{width:100%;padding:.75rem;background:#75BBAD;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease;margin-top:.25rem;}
.sbhf-btn:hover{background:#62a498;}
.sbhf-btn.sbhf-bounce{animation:sbhfBounce .3s ease;}
@keyframes sbhfBounce{0%{transform:scale(1);}50%{transform:scale(.95);}100%{transform:scale(1);}}

/* Hide on desktop */
@media(min-width:769px){.sbhf-bar{display:none !important;}}