.hb-container {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin:40px 0;
}

.hb-btn {
    padding:14px 30px;
    border-radius:50px;
    font-weight:600;
    transition:all 0.25s ease;
}

.hb-btn:hover { transform:translateY(-3px); opacity:0.9; }

.hb-modal-overlay {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.65);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.hb-modal {
    width:95%;
    max-width:720px;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
}

.hb-cover img {
    width:100%;
    height:300px;
    object-fit:cover;
}

.hb-content { padding:20px; }

.hb-title-price {
    display:flex;
    justify-content:space-between;
}